.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-not-valid-tip {
direction: rtl;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
right: 1em;
}
.wpcf7-list-item {
margin: 0 1em 0 0;
}@font-face {
font-family: "Fb Hachaluzim";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/fb-hachaluzim-regular.woff) format("woff"); font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-400-hebrew.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-400-latin.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-600-hebrew.woff2) format("woff2");
font-weight: 600; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-600-latin.woff2) format("woff2");
font-weight: 600; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-700-hebrew.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Assistant";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/assistant-700-latin.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Heebo";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/heebo-400-hebrew.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Heebo";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/heebo-400-latin.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Heebo";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/heebo-700-hebrew.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Heebo";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/heebo-700-latin.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Rubik";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/rubik-400-hebrew.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Rubik";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/rubik-400-latin.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Rubik";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/rubik-700-hebrew.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: "Rubik";
src: url(//m-g.co.il/wp-content/themes/sharon/assets/fonts/rubik-700-latin.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--font-display: "Fb Hachaluzim", "Assistant", "Heebo", sans-serif;
--font-body:    "Google Sans", "Rubik", "Heebo", sans-serif;  --color-primary-200: #C5E0F2;
--color-primary-500: #328CC5; --color-primary-700: #1F6192; --color-primary-800: #1C4D70; --color-neutral-white: #FFFFFF;
--color-neutral-50:  #F8FAFC;
--color-neutral-100: #F1F5F9;
--color-neutral-200: #E2E8F0;
--color-neutral-300: #CBD5E1;
--color-neutral-400: #94A3B8;
--color-neutral-500: #64748B;
--color-neutral-600: #475569;
--color-neutral-700: #334155;
--color-neutral-800: #1E293B;
--color-neutral-900: #0F172A; --color-white: #FFFFFF;
--color-black: #000000;
--color-ink:   #231F20;  --color-taupe-500: #9B8174; --color-taupe-400: #B2A198;  --color-surface-white:                    var(--color-neutral-white);
--color-surface-on-action:                #F2F8FD;
--color-surface-section-fill-0:           #F2F8FD; --color-surface-section-fill-1:           var(--color-primary-500); --color-surface-action-primary:           var(--color-primary-700); --color-surface-action-secondary:         var(--color-ink); --color-surface-action-secondary-surface: var(--color-primary-700);
--color-surface-action-secondary-text:    var(--color-neutral-500); --color-surface-stroke-action-primary:    var(--color-primary-200);
--color-surface-stroke-action-secondary:  var(--color-primary-200);
--color-surface-stroke-disabled:          var(--color-neutral-200);
--color-surface-text-disabled:            var(--color-neutral-300); --color-bg:           var(--color-white);
--color-bg-alt:       var(--color-surface-section-fill-0);
--color-text:         var(--color-neutral-900);
--color-text-muted:   var(--color-neutral-500);
--color-text-invert:  var(--color-white);
--color-link:         var(--color-primary-700);
--color-accent:       var(--color-primary-700);
--color-accent-hover: var(--color-primary-800);
--color-border:       var(--color-neutral-200);
--color-cta:          var(--color-taupe-500);
--color-cta-text:     var(--color-surface-on-action); --h1: 74px;  --h1-lh: 62px;  --h1-ls: -1px; --h2: 54px;  --h2-lh: 50px;  --h2-ls: -1px; --h4: 36px;  --h4-lh: 36px;  --h4-ls: -1px; --h5: 28px;  --h5-lh: 32px;  --h5-ls: -1px; --h6: 22px;  --h6-lh: 25px;  --h6-ls: -1px;  --p-xl: 22px;  --p-xl-lh: 32px;  --p-xl-sp: 24px; --p-lg: 18px;  --p-lg-lh: 28px;  --p-lg-sp: 20px;
--p-md: 14px;  --p-md-lh: 22px;  --p-md-sp: 20px;
--tracking-body: 0;
--btn-font-size: 18px;
--btn-radius:    6px;
--btn-padding:   12px 24px; --hero-title-1:    74px; --hero-title-2:    74px; --hero-title-lh:   62px;
--hero-text-width: 465px;
--hero-pad-inline: 60px; --header-h:          98px;
--header-h-shrunk:   64px;
--header-logo-w:     273px;
--header-logo-w-sm:  186px;
--fw-regular: 400;
--fw-medium:  500;
--fw-bold:    700; --fw-display-strong: 700; --content-max:   1184px;
--gutter:        48px;
--container-max: calc(var(--content-max) + 2 * var(--gutter)); --measure-narrow: 736px;  --space-2xs: 4px;
--space-xs:  8px;
--space-sm:  12px;
--space-md:  16px; --space-lg:  24px;
--space-xl:  32px;
--space-2xl: 48px;
--space-3xl: 64px;
--space-4xl: 96px; --radius-sm:   8px;
--radius-md:   16px;
--radius-lg:   24px;
--radius-full: 999px; --shadow-card: 0 14px 44px -10px rgba(0, 0, 0, .35);
--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);
--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12); --transition-fast: .2s ease;
--transition-base: .3s ease;
} @media (max-width: 1023px) {
:root { --h1: 38px;  --h1-lh: 38px;  --h1-ls: -1px;
--h2: 30px;  --h2-lh: 34px;  --h2-ls: -1px;
--h4: 24px;  --h4-lh: 28px;  --h4-ls: 0;
--h5: 20px;  --h5-lh: 24px;  --h5-ls: 0;
--h6: 18px;  --h6-lh: 24px;  --h6-ls: 0;
--p-xl: 18px;  --p-xl-lh: 30px;  --p-xl-sp: 24px;
--p-lg: 16px;  --p-lg-lh: 22px;  --p-lg-sp: 20px;
--p-md: 12px;  --p-md-lh: 20px;  --p-md-sp: 20px; --content-max:    370px;
--gutter:         16px;
--measure-narrow: 370px; --hero-title-1:    64px;
--hero-title-2:    44px;
--hero-title-lh:   38px;
--hero-text-width: 100%;
--hero-pad-inline: 16px;
--header-h:          99px;
--header-h-shrunk:   68px;
--header-logo-w:     209px;
--header-logo-w-sm:  145px; --color-cta:      var(--color-taupe-400);
--color-cta-text: var(--color-neutral-900);
}
}*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
font-family: var(--font-body);
font-size: var(--p-md);
line-height: var(--p-md-lh);
font-weight: var(--fw-regular);
color: var(--color-text);
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-anchor: none; }
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
height: auto;
}
input, button, textarea, select { font: inherit; color: inherit; } input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
textarea,
select {
direction: rtl;
text-align: right;
}
a {
color: var(--color-link);
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover { color: var(--color-accent-hover); } h1, h2, h3, h4 { font-family: var(--font-display); }
h5, h6         { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6 {
color: var(--color-text);
font-weight: var(--fw-regular);
text-wrap: balance;
}
h1 { font-size: var(--h1); line-height: var(--h1-lh); letter-spacing: var(--h1-ls); font-weight: var(--fw-display-strong); }
h2 { font-size: var(--h2); line-height: var(--h2-lh); letter-spacing: var(--h2-ls); }
h3,
h4 { font-size: var(--h4); line-height: var(--h4-lh); letter-spacing: var(--h4-ls); }
h5 { font-size: var(--h5); line-height: var(--h5-lh); letter-spacing: var(--h5-ls); }
h6 { font-size: var(--h6); line-height: var(--h6-lh); letter-spacing: var(--h6-ls); }
p { letter-spacing: var(--tracking-body); } h1, h2, h3, h4, h5, h6, p {
text-box-trim: trim-both;
text-box-edge: cap alphabetic;
} form p,
.wpcf7 p,
.sharon-form p {
text-box-trim: none;
}
ul, ol { padding-inline-start: 0; list-style: none; } .screen-reader-text {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
position: fixed !important;
inset-block-start: var(--space-md);
inset-inline-start: var(--space-md);
width: auto; height: auto;
margin: 0; padding: var(--space-sm) var(--space-md);
clip: auto;
white-space: normal;
background: var(--color-white);
color: var(--color-text);
box-shadow: var(--shadow-md);
border-radius: var(--radius-sm);
z-index: 9999;
}.container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--gutter);
} .container--narrow {
max-width: calc(var(--measure-narrow) + 2 * var(--gutter));
} .full-bleed { margin-inline: calc(var(--gutter) * -1); } .site { display: flex; flex-direction: column; min-height: 100vh; }
.site-main { flex: 1 0 auto; } .section { padding-block: var(--space-xl); }
.section--alt { background-color: var(--color-bg-alt); } .site-header {
position: sticky;
inset-block-start: 0;
z-index: 100;
box-shadow: 0 4px 31px 0 rgba(9, 29, 44, .05);
}
.site-header::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-color: rgba(255, 255, 255, .61);
-webkit-backdrop-filter: blur(9.2px);
backdrop-filter: blur(9.2px);
}
.site-header__inner {
display: flex;
align-items: center;
justify-content: space-between; height: var(--header-h);
padding-inline: var(--space-md); transition: height var(--transition-base);
} .site-header.is-shrunk .site-header__inner { height: var(--header-h-shrunk); }
.site-branding { flex-shrink: 0; } .site-branding__logo,
.site-branding__logo a { display: block; }
.site-branding__logo img,
.custom-logo {
width: var(--header-logo-w);
height: auto;
transition: width var(--transition-base);
}
.site-header.is-shrunk .custom-logo,
.site-header.is-shrunk .site-branding__logo img { width: var(--header-logo-w-sm); }
.site-branding__title { font-family: var(--font-display); font-size: var(--h6); } .nav-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
background: none;
border: 0;
cursor: pointer;
order: -1; }
.nav-toggle img { width: 44px; height: auto; } .site-nav__list { display: flex; margin: 0; padding: 0; list-style: none; }
.site-nav__list a {
display: block;
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-primary); white-space: nowrap;
}
.site-nav__list a:hover { color: var(--color-primary-800); } .btn--nav {
display: inline-flex;
align-items: center;
gap: var(--space-xs); height: 42px;
padding: var(--btn-padding); border: 1px solid var(--color-primary-200); border-radius: var(--radius-sm); font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-primary);
white-space: nowrap;
}
.btn--nav:hover { background-color: var(--color-surface-on-action); color: var(--color-primary-800); }
.btn__icon { width: 16px; height: 16px; } @media (max-width: 1023px) {
.site-header .site-nav--desktop,
.site-header .btn--nav { display: none; }
} @media (min-width: 1024px) {
.site-header__inner { padding-inline: var(--space-xl); } .site-nav__list { gap: var(--space-2xl); } .nav-toggle,
.site-nav__backdrop { display: none; }
} .site-footer { color: var(--color-surface-on-action); }
.site-footer a { color: inherit; }
.site-footer a:hover { color: var(--color-surface-stroke-action-primary); } .footer-top {
background-color: var(--color-surface-action-primary); padding: var(--space-xl) var(--gutter); }
.footer-top__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl);
}
.footer-logo { width: 202px; height: 147px; }
.footer-cols {
display: flex;
flex-direction: column;
gap: var(--space-xl);
width: 100%;
}
.footer-col {
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-2xl); text-align: right;
}
.footer-col__title {
margin: 0;
font-family: var(--font-body);
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
font-weight: var(--fw-regular);
color: var(--color-surface-on-action);
text-wrap: initial; letter-spacing: var(--h2-ls);
}
.footer-col__list {
display: flex;
flex-direction: column;
gap: var(--space-lg); margin: 0;
padding: 0;
list-style: none;
font-size: var(--p-md);
line-height: var(--p-md-lh);
} .footer-col--contact .contact-list {
display: flex;
flex-direction: column;
gap: var(--space-lg);
margin: 0;
padding: 0;
list-style: none;
}
.contact-item {
display: inline-flex;
align-items: center;
gap: var(--space-xs); font-size: var(--p-lg);
line-height: var(--p-lg-lh);
}
.contact-list__icon { flex: 0 0 auto; }
.social-links { display: flex; gap: var(--space-sm); }
.social-link { display: inline-flex; } .footer-bottom {
background-color: var(--color-primary-800); padding-inline: var(--gutter);
}
.footer-bottom__legal {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-sm);
padding-block: var(--space-md); border-block-end: 1px solid var(--color-primary-700); font-size: var(--p-md);
line-height: var(--p-md-lh);
}
.footer-bottom__links { display: flex; align-items: center; gap: 6px; }
.footer-bottom__links a { padding: var(--space-xs) var(--space-sm); } .footer-bottom__links a + a {
border-inline-start: 1px solid var(--color-surface-stroke-disabled); padding-inline-start: var(--space-sm);
}
.footer-bottom__copy { margin: 0; padding-block: var(--space-xs); }
.footer-bottom__credits {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-xs);
padding: var(--space-xl) var(--gutter);
font-size: var(--p-md);
line-height: var(--p-md-lh);
}
.footer-bottom__credits img { width: 24px; height: 10px; } @media (min-width: 1024px) {
.footer-top { padding: 54px var(--space-xl); } .footer-top__inner {
flex-direction: row; align-items: flex-start;
justify-content: space-between;
}
.footer-cols { flex-direction: row; gap: var(--space-lg); width: auto; } .footer-col { width: 216px; flex: 0 0 216px; }
.footer-bottom { padding-inline: var(--space-xl); }
.footer-bottom__legal {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.footer-bottom__credits { padding: var(--space-xl) 60px; }
} .mobile-menu {
position: fixed;
inset: 0;
z-index: 200;
display: flex;
justify-content: flex-start; }
.mobile-menu[hidden] { display: none; } .mobile-menu__scrim { position: absolute; inset: 0; overflow: hidden; }
.mobile-menu__bg { width: 100%; height: 100%; object-fit: cover; }
.mobile-menu__blur {
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, .01);
-webkit-backdrop-filter: blur(21.75px);
backdrop-filter: blur(21.75px);
} .mobile-menu__panel {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-xl); width: 330px;
max-width: calc(100% - 48px);
height: 100%;
padding-block-start: var(--space-2xl); background-color: rgba(255, 255, 255, .7);
box-shadow: -20px 0 34px rgba(0, 0, 0, .34);
overflow: hidden auto;
transform: translateX(100%); transition: transform var(--transition-base);
}
.mobile-menu.is-open .mobile-menu__panel { transform: translateX(0); } .mobile-menu__logo { display: block; padding-inline: 14px; }
.mobile-menu__logo-img { width: 301px; max-width: 100%; height: auto; } .mobile-menu__items { width: 100%; padding-inline: var(--space-lg); } .mobile-menu__list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.mobile-menu__list li { border-block-end: 1px solid var(--color-surface-action-primary); }
.mobile-menu__list li:last-child { border-block-end: 0; }
.mobile-menu__list a {
display: block;
padding: 36px var(--space-xs); font-family: var(--font-body);
font-size: var(--h4); line-height: var(--h4-lh);
letter-spacing: var(--h4-ls);
color: var(--color-surface-action-primary);
text-align: right;
}
.mobile-menu__list a:hover { color: var(--color-primary-800); } .mobile-menu__contact {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 auto;
width: 100%;
padding: var(--space-3xl) var(--space-lg); background-color: var(--color-surface-action-primary); color: var(--color-surface-on-action);
}
.mobile-menu__contact-inner { display: flex; flex-direction: column; gap: var(--space-2xl); width: 216px; } .mobile-menu__contact-title {
margin: 0;
font-family: var(--font-body);
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
font-weight: var(--fw-regular);
color: var(--color-surface-on-action);
text-wrap: initial; letter-spacing: var(--h2-ls);
}
.mobile-menu__contact .contact-list {
display: flex;
flex-direction: column;
gap: var(--space-lg); margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu__contact a { color: inherit; }
.mobile-menu__contact .social-links { gap: var(--space-md); }
@media (prefers-reduced-motion: reduce) {
.mobile-menu__panel { transition: none; }
}.text-center { text-align: center; }
.flow > * + * { margin-block-start: var(--space-md); } @media (prefers-reduced-motion: no-preference) {
.js .reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity .7s ease, transform .7s ease;
}
.js .reveal.is-inview { opacity: 1; transform: none; }
} .entry-content > * + * { margin-block-start: var(--space-md); }
.entry-content h2,
.entry-content h3 { margin-block-start: var(--space-xl); }.hero {
position: relative;
isolation: isolate;
display: flex;
align-items: flex-end; min-height: 723px;
padding-block: var(--space-xl); padding-inline: var(--hero-pad-inline);
overflow: hidden;
} .hero__media { position: absolute; inset: 0; z-index: -1; pointer-events: none; } .hero__media picture,
.about__media picture { display: block; width: 100%; height: 100%; }
.hero__img {
width: 100%;
height: 100%;
object-fit: cover;
} .hero__scrim {
position: absolute;
inset: 0;
background: linear-gradient(179.5deg, rgba(249, 253, 255, 0) 16.48%, rgba(249, 253, 255, .9) 62.67%);
} .hero__shape { display: none; } .hero__body { width: 100%; }
.hero__text {
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-xl); width: var(--hero-text-width);
max-width: 100%;
text-align: right;
}
.hero__title {
display: flex;
flex-direction: column;
align-items: flex-start; width: 100%;
color: var(--color-primary-800);
letter-spacing: -1px;
line-height: var(--hero-title-lh);
text-wrap: initial; } .hero__title-1,
.hero__title-2 { white-space: nowrap; }
.hero__title-1 { font-size: var(--hero-title-1); font-weight: var(--fw-display-strong); } .hero__title-2 { font-size: var(--hero-title-2); font-weight: var(--fw-display-strong); }
.hero__subtitle {
width: 100%;
margin: 0;
font-size: var(--p-xl);
line-height: var(--p-xl-lh);
color: var(--color-primary-800);
} .hero__buttons {
display: flex;
flex-direction: column;
gap: var(--space-md); width: 100%;
} @media (min-width: 1024px) {
.hero {
align-items: center;
justify-content: flex-start; min-height: 586px;
padding-block: 0;
} .hero__scrim {
background: linear-gradient(to right, rgba(251, 253, 255, 0) 15.078%, rgba(251, 253, 255, .9) 66.953%);
}
.hero__shape {
display: block;
position: absolute;
inset: -5.4% -23.2% -5.4% 34.69%;
width: auto;
height: auto;
max-width: none;
}
.hero__body { width: auto; }
.hero__buttons {
flex-direction: row-reverse; justify-content: flex-start;
width: auto;
height: 42px;
}
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--btn-padding); border-radius: var(--btn-radius); font-family: var(--font-body);
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
white-space: nowrap;
transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
} .btn--ghost {
background-color: rgba(255, 255, 255, .01);
border: 1px solid rgba(50, 140, 197, .5);
-webkit-backdrop-filter: blur(6.25px);
backdrop-filter: blur(6.25px);
color: var(--color-primary-800);
}
.btn--ghost:hover {
background-color: rgba(255, 255, 255, .5);
border-color: var(--color-primary-700);
color: var(--color-primary-800);
} .btn--cta {
background-color: var(--color-cta);
color: var(--color-cta-text);
font-weight: var(--fw-bold);
border: 1px solid transparent;
}
.btn--cta:hover { background-color: var(--color-taupe-400); color: var(--color-cta-text); }
@media (max-width: 1023px) {
.btn--cta { font-size: var(--p-lg); line-height: 22px; }
} .section-head {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-lg); gap: 20px;
width: 100%;
max-width: var(--measure-narrow); margin-inline: auto;
text-align: center;
}
.section-head__eyebrow {
margin: 0;
font-family: var(--font-body);
font-size: var(--h6);
line-height: var(--h6-lh);
letter-spacing: var(--h6-ls);
}
.section-head__divider { width: 48px; height: 22px; }
.section-head__title {
margin: 0;
font-family: var(--font-display);
font-size: var(--h2);
line-height: var(--h2-lh);
letter-spacing: var(--h2-ls);
font-weight: var(--fw-regular);
} .about {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: var(--color-surface-action-secondary-surface); color: var(--color-surface-on-action); padding: var(--space-xl); }
.about .section-head__eyebrow,
.about .section-head__title { color: var(--color-surface-on-action); } .about__swoosh { position: absolute; z-index: -1; max-width: none; pointer-events: none; }
.about__swoosh--desktop { display: none; }
.about__swoosh--mobile  { inset-inline-start: -129px; top: 62px; width: 698px; height: 317px; }
.about__inner {
display: flex;
flex-direction: column;
gap: var(--space-xl); }
.about__content {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl); }
.about__text {
display: flex;
flex-direction: column;
gap: var(--space-2xl); width: 100%;
text-align: right;
}
.about__lead {
margin: 0;
font-family: var(--font-body);
font-size: var(--h4); line-height: 40px; letter-spacing: var(--h4-ls);
color: var(--color-surface-on-action);
}
.about__body { font-size: var(--p-lg); line-height: var(--p-lg-lh); }
.about__body p { margin: 0 0 var(--p-lg-sp); } .about__body p:last-child { margin-bottom: 0; } .about__media {
margin: 0;
width: 100%;
margin-inline: calc(var(--space-xl) * -1);
width: calc(100% + var(--space-xl) * 2);
}
.about__img {
width: 100%;
height: 218px;
object-fit: cover;
} @media (min-width: 1024px) {
.about { padding: var(--space-3xl) 80px; } .about__swoosh--mobile  { display: none; }
.about__swoosh--desktop {
display: block;
inset-inline-start: -129px;
top: 70px;
width: 1548px;
height: 703px;
}
.about__inner { gap: var(--space-3xl); } .about__content {
flex-direction: row; align-items: flex-start;
justify-content: center;
gap: var(--space-4xl); }
.about__text { width: 544px; flex: 0 0 544px; }
.about__media {
margin-inline: 0;
width: 495px;
flex: 0 0 495px;
border-radius: var(--radius-sm); overflow: hidden;
box-shadow: var(--shadow-card);
}
.about__img { height: 305px; }
} .services {
position: relative;
isolation: isolate;
overflow: hidden;
padding: var(--space-xl) var(--gutter); background-color: var(--color-white);
}
.services__swoosh {
position: absolute;
z-index: -1;
inset: 55.47% 54.26% 6.33% -8.52%;
max-width: none;
pointer-events: none;
}
.services__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-3xl); }
.services .section-head__eyebrow { color: var(--color-surface-action-secondary-text); } .services .section-head__title   { color: var(--color-surface-action-primary); } .services__rows {
display: flex;
flex-direction: column;
gap: var(--space-xl); width: 100%;
}
.services__row {
display: flex;
flex-direction: column; gap: var(--space-xl); width: 100%;
} .service-card {
position: relative;
isolation: isolate; display: grid;
grid-template-rows: 1fr auto 1fr;
justify-items: center;
height: 305px;
padding: var(--space-xl) 42px; border-radius: var(--radius-sm); overflow: hidden;
text-align: center;
color: var(--color-surface-on-action);
transition: grid-template-rows .5s cubic-bezier(.22, 1, .36, 1);
}
.service-card::before,
.service-card::after { content: ""; display: block; }
.service-card__media { position: absolute; inset: 0; z-index: -1; border-radius: var(--radius-sm); overflow: hidden; }
.service-card__img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .6;
transform: scale(1);
transition: opacity .5s cubic-bezier(.22, 1, .36, 1),
transform .7s cubic-bezier(.22, 1, .36, 1);
} .service-card__scrim,
.service-card__media::after {
position: absolute;
inset: 0;
transition: opacity .5s cubic-bezier(.22, 1, .36, 1);
}
.service-card__scrim {
background: linear-gradient(to bottom, rgba(31, 97, 146, .92), rgba(9, 29, 44, .92));
opacity: 1;
}
.service-card__media::after {
content: ""; background: linear-gradient(to bottom,
rgba(9, 29, 44, 0) 6%,
rgba(9, 29, 44, .7) 34%,
rgba(9, 29, 44, .86) 72%);
opacity: 0;
}
.service-card__title {
grid-row: 2;
margin: 0;
font-family: var(--font-display);
font-size: var(--h4); line-height: var(--h4-lh);
letter-spacing: var(--h4-ls);
font-weight: var(--fw-regular);
color: var(--color-surface-on-action);
text-wrap: initial; transition: transform var(--transition-base);
} @media (hover: hover) {
.service-card:hover,
.service-card:focus-visible { grid-template-rows: 1fr auto 0fr; }
.service-card:hover .service-card__img,
.service-card:focus-visible .service-card__img {
opacity: 1;
transform: scale(1.04); }
.service-card:hover .service-card__scrim,
.service-card:focus-visible .service-card__scrim { opacity: 0; }
.service-card:hover .service-card__media::after,
.service-card:focus-visible .service-card__media::after { opacity: 1; }
} @media (prefers-reduced-motion: reduce) {
.service-card,
.service-card__img,
.service-card__scrim,
.service-card__media::after { transition: none; }
.service-card:hover { grid-template-rows: 1fr auto 1fr; }
} .btn--outline {
padding: 5px var(--space-lg); border: 1px solid var(--color-surface-stroke-action-primary); color: var(--color-surface-action-primary); background-color: transparent;
font-size: var(--p-md);
line-height: var(--p-md-lh);
}
.btn--outline:hover {
background-color: var(--color-surface-on-action);
border-color: var(--color-surface-action-primary);
color: var(--color-surface-action-primary);
} @media (min-width: 1024px) { .services { padding: var(--space-3xl) 80px var(--space-xl); } .services__rows { width: var(--content-max); gap: 29px; }
.services__row { flex-direction: row; }
.services__row > * { flex: 1 1 0; min-width: 0; } .services__row--3 { width: 880px; margin-inline: auto; }
}  .values { padding-inline: 0; }
.values__card {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-3xl); padding: var(--space-xl) var(--gutter); background-color: var(--color-surface-action-primary); border-radius: 0;
}
.values .section-head__eyebrow { color: var(--color-surface-stroke-action-primary); } .values .section-head__title   { color: var(--color-surface-on-action); }  .values__list {
display: grid;
grid-template-columns: repeat(2, 173px);
justify-content: center;
gap: var(--space-lg); margin: 0;
padding: 0;
list-style: none;
} @media (max-width: 1023px) {
.value:nth-child(1) { order: 5; } .value:nth-child(2) { order: 3; } .value:nth-child(3) { order: 2; } .value:nth-child(4) { order: 4; } .value:nth-child(5) { order: 1; } }
.value {
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-lg); text-align: right;
}
.value__icon { display: block; width: 32px; height: 32px; }
.value__icon-img { width: 32px; height: 32px; }
.value__title {
margin: 0;
font-family: var(--font-body);
font-size: var(--h6);
line-height: var(--h6-lh);
letter-spacing: var(--h6-ls);
font-weight: var(--fw-regular);
color: var(--color-surface-on-action);
text-wrap: initial;
}
.value__desc {
margin: 0;
min-height: 50px; font-size: var(--p-md);
line-height: var(--p-md-lh);
color: var(--color-surface-stroke-action-primary); } @media (min-width: 1024px) {
.values { padding-inline: 49px; }
.values__card { padding: var(--space-3xl); border-radius: var(--radius-sm); } .values__list {
grid-template-columns: repeat(5, 200px);
gap: var(--space-xl); align-items: start;
}
} .section-head__desc {
margin: 0;
font-size: var(--p-xl);
line-height: var(--p-xl-lh);
color: var(--color-surface-action-secondary-text); }
.section-head--wide { max-width: 774px; }  .vision {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--space-xl) var(--gutter); background-color: var(--color-white);
}
.vision .section-head__eyebrow { color: var(--color-surface-action-secondary-text); }
.vision .section-head__title   { color: var(--color-surface-action-primary); }
@media (min-width: 1024px) {
.vision { padding: var(--space-3xl) 60px; } } .gallery {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-3xl);  padding-block: 0;
padding-inline: var(--gutter);
background-color: var(--color-surface-action-primary); }
.gallery .section-head__title { color: var(--color-surface-on-action); }
.gallery .section-head__desc  { color: var(--color-surface-stroke-action-primary); }  .section-head__sublabel {
margin: 0;
font-size: var(--p-md);
line-height: var(--p-md-lh);
color: var(--color-surface-stroke-action-primary);
} .gallery__hero {
margin: 0;
width: calc(100% + var(--gutter) * 2);
margin-inline: calc(var(--gutter) * -1);
overflow: hidden;
} .gallery__hero-img { width: 100%; height: 188px; object-fit: cover; object-position: center 8%; }
.gallery__thumbs {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-xs); width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.gallery__thumb {
height: 122px;
border-radius: var(--radius-sm);
overflow: hidden;
}
.gallery__thumb-img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1024px) { .gallery {
height: 896px;
padding: 0 160px;
justify-content: center;
overflow: visible;
} .gallery > * { flex-shrink: 0; }
.gallery__hero-img { height: 400px; }
.gallery__hero {
width: var(--content-max); margin-inline: 0;
border-radius: var(--radius-sm);
}
.gallery__hero-img { height: 400px; }
.gallery__thumbs {
grid-template-columns: repeat(4, 242px);
justify-content: center;
gap: 22px;
width: auto;
}
.gallery__thumb { height: 310px; } .section-head__sublabel { display: none; }
} .faq {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-lg); padding: var(--space-xl) var(--gutter);
background-color: var(--color-white);
}
.faq .section-head { gap: var(--space-lg); max-width: 732px; } .faq .section-head__eyebrow { color: var(--color-surface-action-secondary-text); }
.faq .section-head__title   { color: var(--color-surface-action-primary); }
.faq .section-head__desc {
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
}
.faq__list { width: 100%; max-width: 732px; }
.faq-item { border-block-end: 1px solid var(--color-surface-section-fill-1); } .faq-item__h { margin: 0; font-size: inherit; line-height: inherit; }
.faq-item__q {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-md);
width: 100%;
padding: var(--space-md) 0; background: none;
border: 0;
cursor: pointer;
text-align: right;
font-family: var(--font-body);
font-size: var(--h6);
line-height: var(--h6-lh);
letter-spacing: var(--h6-ls);
color: var(--color-surface-action-primary); }
.faq-item__text { flex: 1 1 auto; } .faq-item__icon {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: url(//m-g.co.il/wp-content/themes/sharon/assets/img/icon-plus.svg) center / contain no-repeat;
}
.faq-item.is-open .faq-item__icon { background-image: url(//m-g.co.il/wp-content/themes/sharon/assets/img/icon-minus.svg); } .faq-item { padding-block: var(--space-md); }
.faq-item.is-open { padding-block: var(--space-xl); }
.faq-item__a { padding-block-start: var(--space-xs); } .faq-item__answer {
margin: 0;
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-secondary-text); text-align: right;
}
@media (min-width: 1024px) {
.faq { padding: 144px 160px var(--space-3xl); } } .cta-banner {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-3xl); padding: var(--space-xl) var(--gutter);
background-color: var(--color-surface-section-fill-0); }
.cta-banner .section-head__eyebrow { color: var(--color-surface-action-secondary-text); }
.cta-banner .section-head__title   { color: var(--color-surface-action-primary); }
.section-head--cta { max-width: 550px; }
.cta-banner__form { width: 100%; max-width: 543px; } .sharon-form .wpcf7-form { display: flex; flex-direction: column; gap: var(--space-md); } .sharon-form .form-field,
.sharon-form .form-submit { margin: 0; } .sharon-form .wpcf7-form-control-wrap { display: block; }
.sharon-form .wpcf7-spinner { display: none; }
.sharon-form .wpcf7-not-valid-tip { font-size: var(--p-md); color: #b32d2e; }
.sharon-form .wpcf7-response-output {
margin: 0;
padding: var(--space-sm);
border-radius: var(--btn-radius);
font-size: var(--p-md);
} .sharon-form .wpcf7-form-control-wrap.has-float-label { position: relative; }
.sharon-form .float-label {
position: absolute;
top: 22px; right: var(--space-md); max-width: calc(100% - var(--space-md) * 2);
padding-inline: 4px;
margin-inline: -4px; transform: translateY(-50%);
transform-origin: right center; font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-secondary-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none; transition: top .18s cubic-bezier(.4, 0, .2, 1),
transform .18s cubic-bezier(.4, 0, .2, 1),
color .18s ease;
} .sharon-form .float-label--area { top: calc(var(--space-md) + var(--p-lg-lh) / 2); }
.sharon-form .has-float-label:focus-within .float-label,
.sharon-form .has-float-label.is-filled .float-label {
top: 0; transform: translateY(-50%) scale(.72);
color: var(--color-surface-action-primary);
background-color: var(--color-surface-white); } .sharon-form .form-consent .wpcf7-form-control-wrap,
.sharon-form .form-consent .wpcf7-acceptance,
.sharon-form .form-consent .wpcf7-list-item { display: block; margin: 0; }
.sharon-form .form-consent label {
display: flex;
direction: rtl; align-items: flex-start;
gap: var(--space-xs);
text-align: right;
cursor: pointer;
}
.sharon-form .form-consent input[type="checkbox"] {
flex: 0 0 auto;
width: 16px;
height: 16px;
margin: 0; margin-block-start: 2px;
margin-block-start: calc((1lh - 16px) / 2);
accent-color: var(--color-surface-action-primary);
cursor: pointer;
} .sharon-form input[type="text"],
.sharon-form input[type="tel"],
.sharon-form input[type="email"],
.sharon-form select { height: 45px; }
.sharon-form input[type="text"],
.sharon-form input[type="tel"],
.sharon-form input[type="email"],
.sharon-form textarea {
width: 100%;
padding: 0 var(--space-md); background-color: var(--color-surface-white);
border: 1px solid var(--color-surface-stroke-action-secondary); border-radius: var(--btn-radius); font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-text);
}
.sharon-form ::placeholder { color: var(--color-surface-action-secondary-text); opacity: 1; }
.sharon-form textarea { height: 125px; padding-block: var(--space-md); resize: vertical; }
.sharon-form .form-consent {
margin: 0;
font-size: var(--p-md);
line-height: var(--p-md-lh);
color: var(--color-surface-action-secondary-text);
text-align: right;
}
.sharon-form input[type="submit"] {
width: 100%;
padding: var(--space-md);
background-color: var(--color-surface-action-primary); color: var(--color-surface-on-action);
border: 0;
border-radius: var(--btn-radius);
font-size: var(--btn-font-size); line-height: 18px;
font-weight: var(--fw-bold);
letter-spacing: .54px;
cursor: pointer;
transition: background-color var(--transition-fast);
}
.sharon-form input[type="submit"]:hover { background-color: var(--color-primary-800); } .page-hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-lg); padding: var(--space-xl) var(--gutter);
text-align: center;
background-color: var(--color-white);
}
.page-hero__eyebrow {
margin: 0;
font-size: var(--h6);
line-height: var(--h6-lh);
letter-spacing: var(--h6-ls);
color: var(--color-surface-action-secondary-text);
}
.page-hero__divider { width: 62px; height: auto; }
.page-hero__title {
margin: 0;
font-size: var(--h1);
line-height: var(--h1-lh);
letter-spacing: var(--h1-ls);
font-weight: var(--fw-display-strong);
color: var(--color-surface-action-primary);
}
.page-hero__subtitle {
margin: 0;
font-family: var(--font-display);
font-size: var(--h2);
line-height: var(--h2-lh);
letter-spacing: var(--h2-ls);
color: var(--color-surface-action-primary);
}
.page-hero__desc {
margin: 0;
max-width: var(--measure-narrow);
font-size: var(--p-xl);
line-height: var(--p-xl-lh);
color: var(--color-surface-action-secondary-text);
}
.page-hero__award { width: 100px; height: 52px; } .about-block {
display: flex; flex-direction: column-reverse;
align-items: center;
gap: var(--space-xl); padding: 0 var(--gutter) var(--space-xl);
}
.about-blocks > .about-block + .about-block { margin-block-start: var(--space-md); } .about-block:nth-child(odd) { background-color: var(--color-surface-section-fill-0); } .about-block__text {
display: flex;
flex-direction: column;
align-items: flex-start; gap: 48px; width: 100%;
text-align: right;
} .about-block__lead {
margin: 0;
font-family: var(--font-body);
font-size: 18px; line-height: 28px;
letter-spacing: 0;
color: var(--color-surface-action-secondary-text); }
.about-block__lead > p { margin: 0; }
.about-block__lead > p + p { margin-block-start: 20px; }  .about-block:first-child .about-block__lead {
font-size: var(--h4); line-height: 42px; letter-spacing: var(--h4-ls); color: var(--color-surface-action-primary); } .about-block__media {
margin: 0;
width: calc(100% + var(--gutter) * 2);
margin-inline: calc(var(--gutter) * -1);
overflow: hidden;
}
.about-block__img { width: 100%; height: 250px; object-fit: cover; } .about-block:has(.btn) .about-block__img { height: 200px; } .about-row { display: grid; grid-template-columns: repeat(3, 1fr); }
.about-row__item { margin: 0; overflow: hidden; }
.about-row__img { width: 100%; height: 185px; object-fit: cover; }
@media (min-width: 1024px) {
.page-hero { padding: var(--space-xl) var(--gutter); } .about-block {
display: grid;
grid-template-columns: 580px 1fr; align-items: center;
gap: 0;
height: 432px;
padding: 0;
overflow: hidden;
}
.about-blocks > .about-block + .about-block { margin-block-start: 0; } .about-block__text {
grid-row: 1;
grid-column: 1;
width: 420px;
justify-self: center; }
.about-block__media {
grid-row: 1;
grid-column: 2;
align-self: stretch; width: 100%;
height: 100%;
margin-inline: 0;
}
.about-block__img,
.about-block:has(.btn) .about-block__img { height: 100%; } .about-block:nth-child(even) { grid-template-columns: 1fr 580px; }
.about-block:nth-child(even) .about-block__text  { grid-column: 2; }
.about-block:nth-child(even) .about-block__media { grid-column: 1; }
.about-row__img { height: 432px; }
} @media (min-width: 1281px) {
.page-about {
--u: calc(100vw / 1280);
--h1: calc(74 * var(--u));  --h1-lh: calc(62 * var(--u));  --h1-ls: calc(-1 * var(--u));
--h2: calc(54 * var(--u));  --h2-lh: calc(50 * var(--u));  --h2-ls: calc(-1 * var(--u));
--h4: calc(36 * var(--u));  --h4-lh: calc(36 * var(--u));  --h4-ls: calc(-1 * var(--u));
--h5: calc(28 * var(--u));  --h5-lh: calc(32 * var(--u));  --h5-ls: calc(-1 * var(--u));
--h6: calc(22 * var(--u));  --h6-lh: calc(25 * var(--u));  --h6-ls: calc(-1 * var(--u));
--p-xl: calc(22 * var(--u));  --p-xl-lh: calc(32 * var(--u));
--p-lg: calc(18 * var(--u));  --p-lg-lh: calc(28 * var(--u));
--p-md: calc(14 * var(--u));  --p-md-lh: calc(22 * var(--u));
--space-2xs: calc(4 * var(--u));   --space-xs:  calc(8 * var(--u));
--space-sm:  calc(12 * var(--u));  --space-md:  calc(16 * var(--u));
--space-lg:  calc(24 * var(--u));  --space-xl:  calc(32 * var(--u));
--space-2xl: calc(48 * var(--u));  --space-3xl: calc(64 * var(--u));
--space-4xl: calc(96 * var(--u));
--radius-sm: calc(8 * var(--u));   --btn-radius: calc(6 * var(--u));
--gutter:         calc(48 * var(--u));
--measure-narrow: calc(736 * var(--u));
} .page-about .page-hero__divider { width: calc(62 * var(--u)); }
.page-about .page-hero__award   { width: calc(100 * var(--u)); height: calc(52 * var(--u)); } .page-about .about-block                 { height: calc(432 * var(--u)); grid-template-columns: calc(580 * var(--u)) 1fr; }
.page-about .about-block:nth-child(even) { grid-template-columns: 1fr calc(580 * var(--u)); }
.page-about .about-block__text { width: calc(420 * var(--u)); gap: calc(48 * var(--u)); }
.page-about .about-block__lead { font-size: calc(18 * var(--u)); line-height: calc(28 * var(--u)); }
.page-about .about-block__lead > p + p { margin-block-start: calc(20 * var(--u)); }
.page-about .about-block:first-child .about-block__lead { line-height: calc(42 * var(--u)); }
.page-about .btn--outline { padding: calc(5 * var(--u)) var(--space-lg); } .page-about .about-row__img { height: calc(432 * var(--u)); } .page-about .section-head { gap: calc(20 * var(--u)); }
.page-about .values--full .values__card { gap: calc(64 * var(--u)); }
.page-about .values--full .values__list { padding-inline: calc(80 * var(--u)); }
.page-about .value__icon,
.page-about .value__icon-img { width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
.page-about .value__desc { min-height: calc(50 * var(--u)); }
}  .services-list {
display: flex;
flex-direction: column;
padding-inline: var(--gutter);
}
.service-row {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-xl); height: 424px; padding-block: var(--space-xl); border-block-end: 1px solid var(--color-surface-stroke-action-primary);
} .service-row__media {
flex: 1 1 0;
min-height: 0;
width: 100%;
margin: 0;
border-radius: var(--radius-sm); overflow: hidden;
}
.service-row__img { width: 100%; height: 100%; object-fit: cover; }
.service-row__text {
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-2xl); width: 100%;
text-align: right;
}
.service-row__title {
margin: 0;
font-family: var(--font-display);
font-size: var(--h4);
line-height: var(--h4-lh);
letter-spacing: var(--h4-ls);
font-weight: var(--fw-regular);
color: var(--color-surface-action-primary);
}
.service-row__desc {
margin: 0;
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-secondary-text);
}
@media (min-width: 1024px) {
.service-row {
flex-direction: row-reverse; gap: var(--space-4xl); padding-block: var(--space-3xl); }
.services-list { padding-inline: 80px; }
.service-row__media { flex: 0 0 584px; width: 584px; height: 296px; }
.service-row__text  { width: 440px; flex: 0 0 440px; }
} .contact-form-band {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-3xl);  padding: var(--space-xl);
background-color: var(--color-surface-action-primary); }
.contact-form-band .section-head__eyebrow { color: var(--color-surface-text-disabled); } .contact-form-band .section-head__title   { color: var(--color-surface-on-action); }
.contact-form-band .section-head__desc    { color: var(--color-surface-on-action); }
.contact-form-band__form { width: 100%; max-width: 543px; } .sharon-form--onblue .form-consent { color: var(--color-surface-on-action); font-size: var(--p-lg); line-height: 27px; } .sharon-form--onblue .form-consent input[type="checkbox"] { accent-color: #DDB29C; }
.sharon-form--onblue input[type="submit"] {
background-color: #DDB29C;
color: var(--color-neutral-900);
}
.sharon-form--onblue input[type="submit"]:hover { background-color: var(--color-taupe-400); }
.sharon-form select {
width: 100%;
padding: 0 var(--space-md);
background-color: var(--color-surface-white);
border: 1px solid var(--color-surface-stroke-action-secondary);
border-radius: var(--btn-radius);
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
color: var(--color-surface-action-secondary-text);
}
.contact-info {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl);
padding: var(--space-xl) var(--gutter);
text-align: center;
background-color: var(--color-white);
}
.contact-info__logo-img { width: 67px; height: 39px; }  .contact-info .contact-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: var(--space-xl); margin: 0;
padding: 0;
list-style: none;
max-width: 542px;
}
.contact-info .contact-list__address { flex-basis: 100%; display: flex; justify-content: center; }
.contact-info .contact-item { color: var(--color-surface-action-primary); }
.contact-info .social-links { justify-content: center; color: var(--color-surface-action-primary); }
.contact-map { line-height: 0; }
.contact-map iframe { width: 100%; height: 320px; border: 0; }
@media (min-width: 1024px) {
.contact-form-band { padding: var(--space-xl) 60px; }
.contact-info { padding: var(--space-3xl) 80px; }
.contact-map iframe { height: 488px; } } .page-hero--blog,
.page-hero--post { gap: var(--space-md); }
.post-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-xs); padding: var(--space-xl) var(--gutter);
max-width: calc(var(--content-max) + 2 * var(--gutter));
margin-inline: auto;
}
.post-card {
border-radius: var(--radius-sm); overflow: hidden;
background-color: var(--color-white);
transition: box-shadow var(--transition-base), transform var(--transition-base);
}
.post-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.post-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; }
.post-card__media { margin: 0; border-radius: var(--radius-sm); overflow: hidden; }
.post-card__img { width: 100%; height: 214px; object-fit: cover; }
.post-card__body {
display: flex;
flex-direction: column;
align-items: flex-start; gap: var(--space-lg); padding: var(--space-lg) 18px; text-align: right;
}
.post-card__text { display: flex; flex-direction: column; gap: var(--space-lg); width: 100%; }
.post-card__title {
margin: 0;
font-family: var(--font-body);
font-size: var(--h6);
line-height: var(--h6-lh);
letter-spacing: var(--h6-ls);
font-weight: var(--fw-regular);
color: var(--color-surface-action-primary);
text-wrap: initial;
}
.post-card__excerpt {
margin: 0;
font-size: 18px; line-height: var(--p-lg-lh);
color: var(--color-surface-action-secondary-text);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .post-card__more {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--space-sm) var(--space-lg); border: 1px solid var(--color-surface-stroke-disabled);
border-radius: var(--radius-sm);
font-size: var(--p-md);
line-height: var(--p-md-lh);
color: var(--color-surface-action-secondary-text);
transition: border-color var(--transition-fast), color var(--transition-fast);
}
.post-card:hover .post-card__more {
border-color: var(--color-surface-action-primary);
color: var(--color-surface-action-primary);
} .single-post__media { margin: 0 auto; max-width: var(--content-max); }
.single-post__img { width: 100%; height: auto; border-radius: var(--radius-sm); }
.single-post__body {
max-width: 732px;
margin-inline: auto;
padding: var(--space-xl) var(--gutter);
font-size: var(--p-lg);
line-height: var(--p-lg-lh);
text-align: right;
}
.more-posts { padding-block: var(--space-xl); background-color: var(--color-surface-section-fill-0); }
.more-posts .section-head__title { color: var(--color-surface-action-primary); }
@media (min-width: 1024px) {
.post-grid { grid-template-columns: repeat(3, 352px); justify-content: center; gap: var(--space-xl); padding: var(--space-xl) 80px; }
.single-post__img { height: 505px; object-fit: cover; }
} .thank-you {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-lg);
min-height: 50vh;
padding: var(--space-4xl) var(--gutter);
text-align: center;
background-color: var(--color-surface-section-fill-0);
}
.thank-you__title {
margin: 0;
font-size: var(--h2);
line-height: var(--h2-lh);
letter-spacing: var(--h2-ls);
color: var(--color-surface-action-primary);
}
.thank-you__text {
margin: 0;
font-size: var(--p-xl);
line-height: var(--p-xl-lh);
color: var(--color-surface-action-secondary-text);
}
.thank-you__actions { display: flex; flex-wrap: wrap; gap: var(--space-md); justify-content: center; }  @media (min-width: 1024px) {
.page-hero--services { padding-block: var(--space-3xl); }
} .page-hero--blog { gap: 56px; } .values--full { padding-inline: 0; }
.values--full .values__card {
border-radius: 0;
padding-inline: 0;
gap: 64px;
}
@media (min-width: 1024px) {
.values--full { padding-inline: 0; }
.values--full .values__card { padding: var(--space-3xl) 0; }
.values--full .values__list { grid-template-columns: repeat(5, 1fr); width: 100%; padding-inline: 80px; }
} .contact-info { gap: var(--space-3xl); } .contact-info__details {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl); width: 100%;
}
@media (min-width: 1024px) {
.contact-info { padding: var(--space-3xl) 80px; }
} .contact-map iframe { height: 153px; }
@media (min-width: 1024px) { .contact-map iframe { height: 488px; } } .section-head__divider--line { width: 62px; height: auto; } @media (max-width: 1023px) {
.values__list { grid-template-columns: repeat(2, minmax(0, 173px)); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.values__list { grid-template-columns: repeat(5, minmax(0, 200px)); }
.services__rows { width: auto; }
.about__content { gap: var(--space-2xl, 48px); }
.about__text,
.about__media { flex: 1 1 0; width: auto; min-width: 0; }
.service-row { gap: var(--space-2xl, 48px); }
.service-row__media,
.service-row__text { flex: 1 1 0; width: auto; min-width: 0; }
.post-grid { grid-template-columns: repeat(3, minmax(0, 352px)); padding-inline: var(--gutter); } .gallery { padding-inline: var(--gutter); }
.gallery__hero { width: 100%; }
.gallery__thumbs { grid-template-columns: repeat(4, minmax(0, 242px)); }
}