@font-face { font-family: MehrSans; src: url('/assets/aghdasi-typo/typography/vazirmatn/regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: MehrSans; src: url('/assets/aghdasi-typo/typography/vazirmatn/bold.woff2') format('woff2'); font-weight: 600 900; font-style: normal; font-display: swap; }
:root { --mehr-ink: #173e36; --mehr-muted: #5d6b63; --mehr-green: #214e40; --mehr-paper: #faf9f5; --mehr-gold: #b49a61; --mehr-line: #dedfd5; --new: MehrSans, Tahoma, sans-serif; --heading-color: #173e36; --body-color: #5d6b63; --accent-color: #214e40; --accent-bg: #214e40; --light-bg1: #eeefe6; --light-bg2: #e6eadc; --light-bg3: #f1f3e9; --dark-bg: #173d32; --dark-bg2: #214e40; --dark-bg3: #214e40; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
html[lang=fa] body { margin: 0; background: var(--mehr-paper); color: var(--mehr-ink); font-family: MehrSans, Tahoma, sans-serif; font-size: 15px; line-height: 1.9; }
body :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,small,span) { font-family: inherit; }
body :is(h1,h2,h3,h4,h5,h6) { color: var(--mehr-ink); letter-spacing: -.035em; }
*, *::before, *::after { box-sizing: border-box; }
[x-cloak] { display: none !important; }
.mehr-icon-library { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.mehr-icon { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
a:hover { color: #38684f; }
button { cursor: pointer; }
img { max-width: 100%; }
:is(a,button,input,textarea,select):focus-visible { outline: 3px solid #916b22; outline-offset: 5px; }
.mehr-skip { position: fixed; top: -100px; right: 20px; z-index: 2000; padding: 10px 20px; background: #fff; border: 2px solid var(--mehr-green); border-radius: 8px; }
.mehr-skip:focus { top: 12px; }
.mehr-container { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.mehr-topline { background: #214e40; color: #f8f6ed; font-size: 11px; letter-spacing: .02em; }
.mehr-topline .mehr-container { display: flex; justify-content: space-between; padding-block: 8px; }
.mehr-topline a:hover { color: #ecdaa9; }
.mehr-header { position: sticky; top: 0; z-index: 100; background: #faf9f5f5; border-bottom: 1px solid var(--mehr-line); backdrop-filter: blur(16px); transition: box-shadow .2s, background .2s; }
.mehr-header.is-scrolled { background: #faf9f5fc; box-shadow: 0 8px 28px #173e360b; }
.mehr-nav-wrap { min-height: 98px; display: flex; align-items: center; gap: 36px; position: relative; }
.mehr-brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.mehr-brand img { width: 47px; height: 47px; }
.mehr-brand strong { display: block; font-size: 20px; line-height: 1.6; font-weight: 700; }
.mehr-brand small { display: block; font-size: 11px; color: var(--mehr-muted); }
.mehr-navigation { display: flex; align-items: center; gap: 30px; margin-inline: auto; font-size: 13px; }
.mehr-navigation a, .mehr-navigation button { padding-block: 12px; background: none; border: 0; color: #4f5c52; position: relative; min-height: 44px; }
.mehr-navigation a[aria-current] { color: var(--mehr-green); font-weight: 700; }
.mehr-navigation a[aria-current]::after { content: ''; position: absolute; bottom: 1px; left: 50%; width: 4px; height: 4px; background: var(--mehr-green); border-radius: 50%; }
.mehr-header-entry { border: 1px solid #b9c4b6; padding: 11px 17px; min-height: 44px; border-radius: 10px; display: flex; gap: 22px; align-items: center; font-size: 13px; font-weight: 700; transition: background .2s, border-color .2s; }
.mehr-header-entry:hover { border-color: #7e946f; background: #edf0e5; }
.mehr-header-entry .mehr-icon { width: 18px; height: 18px; }
.mehr-menu-toggle { display: none; }
.mehr-menu-close-icon, .mehr-menu-toggle[aria-expanded=true] .mehr-menu-open-icon { display: none; }
.mehr-menu-toggle[aria-expanded=true] .mehr-menu-close-icon { display: block; }
.mehr-hero { overflow: hidden; background: radial-gradient(ellipse at 15% 65%, #e4e9dd80, transparent 54%); }
.mehr-hero-grid { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: 72px; padding-block: 74px 72px; }
.mehr-eyebrow { color: #64734e; font-size: 12px; font-weight: 600; letter-spacing: .02em; margin: 0 0 22px; display: flex; align-items: center; gap: 9px; }
.mehr-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #83905a; }
.mehr-hero h1 { font-size: clamp(35px, 3.65vw, 54px); font-weight: 700; line-height: 1.7; margin: 0 0 22px; letter-spacing: -.055em; }
.mehr-hero h1 em { font-style: normal; color: #6e7b4c; position: relative; }
.mehr-hero h1 em::after { content: ''; display: block; position: absolute; bottom: -4px; right: 0; width: 100%; height: 8px; border-top: 2px solid #b5a06c; border-radius: 50%; transform: rotate(-2deg); }
.mehr-hero-description { max-width: 485px; color: var(--mehr-muted); font-size: 16px; line-height: 2.15; margin-bottom: 30px; text-wrap: pretty; }
.mehr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; }
.mehr-button { display: inline-flex; justify-content: center; align-items: center; gap: 25px; min-height: 52px; border-radius: 10px; padding: 13px 22px; font-size: 14px; font-weight: 600; border: 1px solid transparent; transition: background .2s, transform .2s, box-shadow .2s; }
.mehr-button:hover { transform: translateY(-2px); }
.mehr-button-primary { color: #fff; background: var(--mehr-green); box-shadow: 0 6px 20px #214e4017; }
.mehr-button-primary:hover { background: #173e31; color: #fff; }
.mehr-button .mehr-icon, .mehr-text-link .mehr-icon { width: 19px; height: 19px; }
.mehr-text-link { display: inline-flex; align-items: center; gap: 16px; font-size: 13px; font-weight: 600; min-height: 44px; }
.mehr-hero-footnote { display: flex; gap: 11px; align-items: center; margin-top: 32px; color: #697361; font-size: 12px; }
.mehr-mini-mark { color: #9d8550; width: 20px; height: 20px; }
.mehr-art { position: relative; min-width: 0; padding: 20px 40px 36px 20px; }
.mehr-art-label { position: absolute; top: 5px; left: 12px; font: 9px/1.6 system-ui, sans-serif; letter-spacing: .24em; color: #77816d; }
.mehr-arch { position: relative; isolation: isolate; height: 440px; max-width: 375px; margin: auto; border-radius: 210px 210px 20px 20px; background: linear-gradient(145deg,#2c5c49,#1b4033); overflow: hidden; box-shadow: 24px 18px 0 #e8e9de; }
.mehr-arch-inner { position: absolute; inset: 18px; border: 1px solid #8b9d6e66; border-radius: inherit; }
.mehr-sun { position: absolute; width: 170px; height: 170px; border-radius: 50%; background: #d6bd83; top: 68px; left: 45px; opacity: .9; }
.mehr-botanical { position: absolute; width: 100%; height: 100%; right: -57px; bottom: -12px; opacity: .9; }
.mehr-emblem { position: absolute; top: 112px; left: 94px; background: #f8f5e9; width: 100px; height: 100px; border-radius: 50%; display: grid; place-items: center; transform: rotate(-9deg); box-shadow: 0 14px 30px #0a2c3433; }
.mehr-emblem img { width: 64px; height: 64px; }
.mehr-art-caption { position: absolute; bottom: 49px; left: 35px; font-size: 25px; line-height: 1.8; color: #fff9e9; font-weight: 600; }
.mehr-art-caption span { color: #d6bd83; }
.mehr-floating-note { position: absolute; bottom: 14px; right: 5px; display: flex; align-items: center; gap: 13px; width: 300px; padding: 18px 19px; background: #fffdf8; border: 1px solid #e7e6da; border-radius: 14px; box-shadow: 0 14px 35px #344c3610; font-size: 12px; color: #6a7567; }
.mehr-floating-note strong { display: block; color: #254a39; font-size: 13px; margin-top: 3px; }
.mehr-note-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: #eef0e5; color: #687b4f; font: 26px system-ui, sans-serif; }
.mehr-note-star { color: #9d8550; width: 20px; height: 20px; margin-inline-start: auto; }
.mehr-art-spark { position: absolute; top: 55px; right: 3px; width: 48px; height: 48px; color: #b39b62; }
.mehr-art-number { position: absolute; bottom: 0; left: 0; color: #727c68; writing-mode: vertical-rl; font: 8px system-ui, sans-serif; letter-spacing: .2em; }
.mehr-principles { display: grid; grid-template-columns: repeat(3,1fr); padding-block: 30px; border-top: 1px solid var(--mehr-line); border-bottom: 1px solid var(--mehr-line); }
.mehr-principles > div { display: flex; align-items: center; justify-content: center; gap: 18px; border-inline-start: 1px solid var(--mehr-line); }
.mehr-principles > div:first-child { border: 0; }
.mehr-principles > div > span { display: grid; place-items: center; color: #7a8655; }
.mehr-principles > div > span .mehr-icon { width: 27px; height: 27px; }
.mehr-principles p { margin: 0; font-size: 14px; font-weight: 600; }
.mehr-principles small { display: block; font-size: 12px; color: var(--mehr-muted); font-weight: 400; margin-top: 5px; }
.mehr-section { padding-block: 83px; }
.mehr-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 32px; }
.mehr-section-heading .mehr-eyebrow { margin-bottom: 12px; }
.mehr-section-heading h2, .mehr-contact-panel h2 { font-size: 30px; line-height: 1.8; font-weight: 700; margin: 0; }
.mehr-section-heading > p { color: var(--mehr-muted); font-size: 13px; margin: 0 0 4px; line-height: 2; }
.mehr-service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.mehr-service-card { display: flex; flex-direction: column; padding: 27px 23px 20px; background: #fffefb; border: 1px solid var(--mehr-line); border-radius: 16px; transition: border-color .2s, transform .2s, box-shadow .2s; }
.mehr-service-card:hover { border-color: #869976; transform: translateY(-5px); box-shadow: 0 12px 30px #344c360c; }
.mehr-service-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 29px; }
.mehr-service-top > span[dir] { font: 10px system-ui, sans-serif; color: #66715d; letter-spacing: .06em; }
.mehr-service-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 11px; font: 26px system-ui, sans-serif; background: #edf0e5; color: #64764a; }
.mehr-service-card h3 { font-size: 18px; margin-bottom: 9px; font-weight: 700; }
.mehr-service-card p { color: var(--mehr-muted); font-size: 13px; line-height: 2.1; margin-bottom: 22px; text-wrap: pretty; }
.mehr-service-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--mehr-line); padding-top: 15px; margin-top: auto; font-size: 12px; font-weight: 600; }
.mehr-service-bottom > span { font: 22px system-ui, sans-serif; }
.mehr-service-featured { background: #244c3e; color: #faf8ec; border-color: #244c3e; }
.mehr-service-featured:hover { color: #faf8ec; }
.mehr-service-featured h3 { color: #faf8ec; }
.mehr-service-featured p, .mehr-service-featured .mehr-service-top > span[dir] { color: #d1d9c8; }
.mehr-service-featured .mehr-service-icon { background: #ffffff14; color: #d7bf84; }
.mehr-service-featured .mehr-service-bottom { border-color: #ffffff24; color: #f0d79c; }
.mehr-story { padding-block: 65px; background: #eeefe6; }
.mehr-story-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }
.mehr-story-art { position: relative; min-height: 300px; background: linear-gradient(135deg,#e3e8db,#d9e2cf); border-radius: 16px 100px 16px 16px; overflow: hidden; padding: 42px; display: flex; justify-content: center; flex-direction: column; }
.mehr-story-art > span { font-size: 40px; position: relative; z-index: 1; }
.mehr-story-art strong { font-size: 31px; position: relative; z-index: 1; }
.mehr-story-art img { position: absolute; bottom: -5px; left: 8px; width: 180px; height: 180px; opacity: .17; transform: rotate(-20deg); }
.mehr-story-rings { position: absolute; width: 350px; height: 350px; border: 1px solid #becaaf; border-radius: 50%; top: -80px; left: -70px; }
.mehr-story-rings::before, .mehr-story-rings::after { content: ''; position: absolute; inset: 25px; border-radius: 50%; border: 1px solid #becaaf; }
.mehr-story-rings::after { inset: 50px; }
.mehr-story h2 { font-size: 36px; line-height: 1.7; margin: 0 0 15px; font-weight: 700; }
.mehr-story .mehr-eyebrow { margin-bottom: 10px; }
.mehr-story p:not(.mehr-eyebrow) { font-size: 14px; color: #596858; line-height: 2.25; margin-bottom: 15px; text-wrap: pretty; }
.mehr-contact-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid var(--mehr-line); background: #f1f1e8; border-radius: 16px; padding: 40px 45px; }
.mehr-contact-panel .mehr-eyebrow { margin-bottom: 8px; }
.mehr-contact-panel p:not(.mehr-eyebrow) { font-size: 14px; color: var(--mehr-muted); margin: 8px 0 0; }
.mehr-contact-actions { flex-shrink: 0; }
.mehr-contact-phone { display: flex; justify-content: center; align-items: center; gap: 22px; font-size: 24px; font-weight: 700; margin-bottom: 12px; }
.mehr-contact-phone .mehr-icon { color: #7e895c; width: 23px; height: 23px; }
.mehr-button-outline { background: transparent; border-color: #bbc5b1; color: var(--mehr-ink); font-size: 13px; }
.mehr-footer { background: #173d32; color: #d9e0d3; }
.mehr-footer-grid { display: grid; grid-template-columns: 1.15fr 1.25fr 1fr 1fr; gap: 40px; padding-block: 52px 42px; }
.mehr-footer .mehr-brand strong { color: #fff9e9; font-size: 18px; }
.mehr-footer .mehr-brand small { color: #bdcbb8; }
.mehr-footer h2 { font-size: 14px; color: #f0e7cf; margin: 4px 0 16px; letter-spacing: 0; }
.mehr-footer p { font-size: 12px; line-height: 2.2; margin: 12px 0; color: #c4d0bf; }
.mehr-footer a:not(.mehr-brand), .mehr-footer button { display: block; width: fit-content; font-size: 12px; line-height: 2; padding: 8px 0; min-height: 42px; }
.mehr-footer a:hover, .mehr-footer button:hover { color: #f0d79c; }
.mehr-footer button { display: inline-flex; align-items: center; gap: 10px; background: none; border: 0; color: #e5d7ad; }
.mehr-footer button .mehr-icon { width: 17px; height: 17px; }
.mehr-legacy-note { display: block; font-size: 10px; color: #bdcbb8; margin-top: 10px; line-height: 2; }
.mehr-footer-bottom { padding-block: 20px; border-top: 1px solid #ffffff1f; display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: #bdcbb8; }
.mehr-footer-bottom [dir] { font: 8px system-ui, sans-serif; letter-spacing: .15em; }
body .optech-breadcrumb { background: #e8eddf !important; padding-block: 65px; }
body .optech-breadcrumb h1 { color: var(--mehr-ink); font-size: clamp(25px,4vw,42px); line-height: 1.8; }
body .optech-default-content p { font-size: 14px; color: var(--mehr-muted); line-height: 2.3; text-align: start !important; }
body .optech-default-content h2 { font-size: 32px; line-height: 1.8; }
body .optech-default-btn, body #optech-main-form-btn { background: var(--mehr-green); color: #fff; border-radius: 9px; }
body .optech-default-btn::before, body #optech-main-form-btn::before { background: #173e31; }
body .optech-main-form { background: #eef0e6; border: 1px solid var(--mehr-line); border-radius: 16px; }
body .optech-main-field :is(input,textarea) { background: #fffefb; color: var(--mehr-ink); border: 1px solid #b8c4b0; border-radius: 8px; }
body .modal-content { border: 1px solid #d9dfcf; border-radius: 18px; background: var(--mehr-paper); }
body .modal-header { border-color: var(--mehr-line); }
body .modal-title { font-size: 22px !important; }
body .modal-body { padding: 28px; }
body .optech-iconbox-wrap { background: transparent; border-color: var(--mehr-line); }
body .optech-icon-list ul li i { color: #627b4c; }
body .optech-team-wrap, body .optech-team-thumb { border-radius: 16px; }
body .optech-team-data { background: #eef0e6; }
body [data-aos] { opacity: 1 !important; transform: none !important; }
.mehr-about-hero { padding-block: 30px 60px; background: radial-gradient(ellipse at 10% 75%,#dfe7d7a0,transparent 58%),#f0f2e8; border-bottom: 1px solid var(--mehr-line); }
.mehr-page-breadcrumb { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--mehr-muted); margin-bottom: 36px; }
.mehr-page-breadcrumb .mehr-icon { width: 15px; height: 15px; color: #8c987d; }
.mehr-about-heading { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 60px; }
.mehr-about-heading h1 { font-size: clamp(36px,4vw,54px); line-height: 1.65; margin: 0 0 20px; font-weight: 700; }
.mehr-about-heading h1 span { color: #6e7b4c; }
.mehr-about-heading > div > p:last-child { font-size: 15px; color: var(--mehr-muted); line-height: 2.2; max-width: 490px; margin: 0; }
.mehr-about-seal { position: relative; display: grid; place-items: center; gap: 25px; width: 280px; height: 280px; justify-self: center; border: 1px solid #c6cfb7; border-radius: 50%; background: #f8f9f080; box-shadow: 0 0 0 18px #d8dfca40,0 0 0 36px #d8dfca28; }
.mehr-about-seal > div { position: absolute; inset: 24px; border: 1px dashed #b5c2a4; border-radius: 50%; display: grid; place-items: center; padding-bottom: 20px; }
.mehr-about-seal > span { position: absolute; bottom: 49px; color: #5c6e4d; font-size: 13px; }
.mehr-about-intro { display: grid; grid-template-columns: .8fr 1.5fr; gap: 100px; padding-bottom: 40px; }
.mehr-about-aside h2 { font-size: 31px; line-height: 1.85; margin: 0; }
.mehr-about-aside-line { display: block; width: 74px; height: 2px; background: #b49a61; margin-top: 30px; }
.mehr-about-prose p { font-size: 15px; line-height: 2.4; margin: 0 0 20px; color: var(--mehr-muted); }
.mehr-license-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.mehr-license-card { display: flex; align-items: center; gap: 22px; padding: 26px 30px; background: #f0f2e8; border: 1px solid var(--mehr-line); border-radius: 14px; }
.mehr-license-card > .mehr-icon { width: 35px; height: 35px; color: #72825b; }
.mehr-license-card span, .mehr-license-card strong, .mehr-license-card small { display: block; }
.mehr-license-card span { font-size: 12px; color: var(--mehr-muted); }
.mehr-license-card strong { font-size: 19px; margin-block: 3px; }
.mehr-license-card small { font-size: 11px; color: var(--mehr-muted); line-height: 2; }
.mehr-team-section { padding-bottom: 40px; }
.mehr-trustees-section { padding-top: 30px; padding-bottom: 80px; }
.mehr-team-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
.mehr-trustees-grid { grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 1000px; }
.mehr-person-card { min-width: 0; overflow: hidden; background: #fffefb; border: 1px solid var(--mehr-line); border-radius: 15px; }
.mehr-person-image { position: relative; aspect-ratio: 4 / 4.5; overflow: hidden; background: #e9ede2; border-bottom: 1px solid var(--mehr-line); }
.mehr-person-placeholder-label { position: absolute; bottom: 15px; inset-inline: 10px; text-align: center; font-size: 10px; color: #586b47; }
.mehr-person-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.mehr-person-info { padding: 19px 15px; }
.mehr-person-info h3 { font-size: 15px; line-height: 1.8; margin: 0 0 5px; font-weight: 600; }
.mehr-person-info p { font-size: 11px; color: var(--mehr-muted); line-height: 1.9; margin: 0; }
.mehr-feedback-section { padding-block: 65px; background: #edf0e5; border-top: 1px solid var(--mehr-line); }
.mehr-feedback-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; align-items: start; }
.mehr-feedback-copy > h2 { font-size: 37px; line-height: 1.8; margin: 0 0 20px; }
.mehr-feedback-copy > p:not(.mehr-eyebrow) { font-size: 14px; color: var(--mehr-muted); margin-bottom: 35px; }
.mehr-contact-detail { display: flex; align-items: start; gap: 16px; margin-bottom: 24px; }
.mehr-contact-detail > .mehr-icon { color: #708159; margin-top: 3px; width: 23px; height: 23px; }
.mehr-contact-detail h3 { font-size: 14px; margin: 0 0 5px; line-height: 1.9; }
.mehr-contact-detail p, .mehr-contact-detail a { font-size: 13px; color: var(--mehr-muted); line-height: 2.15; margin: 0; }
.mehr-contact-detail a { display: inline-block; padding-block: 4px; }
.mehr-form { min-width: 0; background: #fffefb; border: 1px solid var(--mehr-line); border-radius: 16px; padding: 30px; }
.mehr-form h3 { font-size: 21px; line-height: 1.8; margin: 0 0 8px; }
.mehr-form-hint { color: var(--mehr-muted); font-size: 12px; line-height: 2; margin: 0 0 24px; }
.mehr-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.mehr-field { min-width: 0; }
.mehr-field-wide { grid-column: 1 / -1; }
.mehr-field label { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; margin: 0 0 9px; color: var(--mehr-ink); }
.mehr-field label > span { color: var(--mehr-muted); font-size: 10px; }
.mehr-field :is(input,textarea) { display: block; min-width: 0; width: 100%; padding: 12px 13px; color: var(--mehr-ink); background: #fafbf6; border: 1px solid #b4bfaa; border-radius: 8px; font-size: 13px; line-height: 1.8; box-shadow: none; }
.mehr-field input { min-height: 48px; }
.mehr-field textarea { min-height: 126px; resize: vertical; }
.mehr-field :is(input,textarea)::placeholder { color: #6d7664; opacity: 1; }
.mehr-field :is(input,textarea):focus { border-color: #687e50; background: #fffefb; }
.mehr-field [aria-invalid=true] { border-color: #a33c36; }
.mehr-field-error { display: block; font-size: 11px; line-height: 1.9; margin-top: 7px; }
.mehr-field-error.text-danger { color: #a23832 !important; }
.mehr-form-submit { width: 100%; margin-top: 24px; justify-content: space-between; }
.mehr-form-submit:disabled { opacity: .65; cursor: wait; transform: none; }
.mehr-form-success { min-height: 270px; display: grid; align-items: center; text-align: center; }
.mehr-form-success .alert-success { color: var(--mehr-ink); background: transparent; }
.mehr-form-success .mehr-icon { width: 46px; height: 46px; padding: 10px; box-sizing: content-box; border-radius: 50%; background: #ecf0e3; color: #49683e; margin-bottom: 20px; }
.mehr-form-success p { color: var(--mehr-muted); font-size: 14px; line-height: 2; }
.mehr-contact-modal .modal-dialog { max-width: 1040px; }
.mehr-contact-modal .modal-header { align-items: start; padding: 25px 30px 20px; }
.mehr-contact-modal .modal-header .mehr-eyebrow { margin-bottom: 5px; font-size: 11px; }
.mehr-contact-modal .btn-close { min-width: 44px; min-height: 44px; margin-top: 3px; padding: 10px; border: 1px solid var(--mehr-line); border-radius: 50%; background-size: 12px; background-position: center; box-shadow: none; opacity: .8; }
.mehr-modal-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 32px; align-items: start; }
.mehr-contact-details > p { font-size: 14px; color: var(--mehr-muted); line-height: 2.2; margin-bottom: 30px; }
@media (max-width: 1100px) {
 .mehr-container { width: calc(100% - 64px); }
 .mehr-hero-grid { gap: 30px; }
 .mehr-navigation { gap: 20px; }
 .mehr-nav-wrap { gap: 24px; }
 .mehr-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
 .mehr-story-grid { gap: 55px; }
 .mehr-footer-grid { gap: 26px; }
 .mehr-about-intro { gap: 55px; }
 .mehr-team-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .mehr-trustees-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 760px; }
 .mehr-feedback-grid { gap: 45px; }
}
@media (max-width: 900px) {
 .mehr-nav-wrap { min-height: 84px; gap: 18px; }
 .mehr-menu-toggle { display: grid; place-items: center; order: 2; background: none; border: 1px solid var(--mehr-line); border-radius: 9px; width: 44px; height: 44px; padding: 0; color: var(--mehr-ink); }
 .mehr-header-entry { margin-inline-start: auto; }
 .mehr-navigation { display: none; position: absolute; top: calc(100% + 1px); right: -12px; left: -12px; background: #faf9f5; border: 1px solid var(--mehr-line); border-radius: 0 0 14px 14px; padding: 14px 20px; box-shadow: 0 14px 20px #173e3610; font-size: 14px; }
 .mehr-navigation.is-open { display: grid; gap: 0; }
 .mehr-navigation a, .mehr-navigation button { text-align: start; padding-block: 13px; }
 .mehr-navigation a[aria-current]::after { display: none; }
 .mehr-hero-grid { grid-template-columns: 1fr 1fr; gap: 20px; padding-block: 55px; }
 .mehr-hero h1 { font-size: 34px; }
 .mehr-hero-description { font-size: 14px; }
 .mehr-art { padding: 20px 20px 36px 8px; }
 .mehr-arch { height: 380px; }
 .mehr-floating-note { width: 270px; right: -5px; padding: 14px; }
 .mehr-art-spark { width: 40px; height: 40px; right: -3px; }
 .mehr-principles > div { gap: 10px; }
 .mehr-principles p { font-size: 12px; }
 .mehr-principles small { font-size: 11px; }
 .mehr-story-grid { gap: 30px; }
 .mehr-story-art { padding: 30px; }
 .mehr-story-art strong { font-size: 26px; }
 .mehr-contact-panel { padding: 30px; }
 .mehr-contact-panel h2 { font-size: 25px; }
 .mehr-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
 .mehr-about-seal { width: 220px; height: 220px; }
 .mehr-about-seal img { width: 82px; height: 82px; }
 .mehr-about-seal > span { bottom: 35px; font-size: 11px; }
 .mehr-about-intro { grid-template-columns: 1fr 1.5fr; gap: 35px; }
 .mehr-about-aside h2 { font-size: 27px; }
 .mehr-feedback-grid { gap: 30px; }
 .mehr-feedback-copy > h2 { font-size: 31px; }
 .mehr-modal-grid { gap: 25px; }
 .mehr-modal-grid .mehr-form { padding: 23px; }
}
@media (max-width: 650px) {
 .mehr-container { width: calc(100% - 40px); }
 .mehr-topline { font-size: 10px; }
 .mehr-topline .mehr-container { padding-block: 7px; }
 .mehr-brand { gap: 8px; }
 .mehr-brand strong { font-size: 16px; }
 .mehr-brand small { font-size: 9px; }
 .mehr-brand img { width: 37px; height: 37px; }
 .mehr-nav-wrap { min-height: 76px; gap: 10px; }
 .mehr-header-entry { font-size: 11px; padding: 11px; gap: 8px; }
 .mehr-header-entry .mehr-icon { width: 16px; height: 16px; }
 .mehr-menu-toggle { width: 44px; min-width: 44px; height: 44px; }
 .mehr-menu-toggle .mehr-icon { width: 21px; height: 21px; }
 .mehr-hero-grid { grid-template-columns: 1fr; padding-block: 39px 44px; gap: 27px; }
 .mehr-eyebrow { font-size: 11px; margin-bottom: 16px; }
 .mehr-hero h1 { font-size: 37px; line-height: 1.7; margin-bottom: 20px; }
 .mehr-hero-description { font-size: 14px; line-height: 2.1; margin-bottom: 25px; max-width: 100%; }
 .mehr-actions { gap: 18px; }
 .mehr-button { padding: 12px 16px; gap: 18px; font-size: 12px; }
 .mehr-text-link { font-size: 12px; gap: 11px; }
 .mehr-hero-footnote { margin-top: 22px; font-size: 11px; }
 .mehr-art { width: min(370px,100%); margin-inline: auto; padding: 20px 26px 32px 15px; }
 .mehr-arch { height: 345px; max-width: 285px; box-shadow: 16px 12px 0 #e8e9de; }
 .mehr-sun { width: 135px; height: 135px; top: 54px; left: 37px; }
 .mehr-emblem { width: 80px; height: 80px; top: 83px; left: 64px; }
 .mehr-emblem img { width: 53px; height: 53px; }
 .mehr-art-caption { font-size: 22px; bottom: 36px; left: 28px; }
 .mehr-floating-note { width: 260px; right: 0; bottom: 7px; padding: 13px 15px; font-size: 11px; }
 .mehr-floating-note strong { font-size: 12px; }
 .mehr-art-label { font-size: 8px; top: 0; left: 10px; }
 .mehr-art-spark { right: 1px; }
 .mehr-art-number { font-size: 7px; }
 .mehr-principles { grid-template-columns: 1fr; padding-block: 5px; }
 .mehr-principles > div { justify-content: start; padding: 18px 8px; border-inline-start: 0; border-top: 1px solid var(--mehr-line); gap: 18px; }
 .mehr-principles p { font-size: 13px; }
 .mehr-principles small { font-size: 11px; }
 .mehr-principles > div > span { width: 36px; }
 .mehr-section { padding-block: 48px; }
 .mehr-section-heading { align-items: start; flex-direction: column; gap: 12px; margin-bottom: 25px; }
 .mehr-section-heading h2, .mehr-contact-panel h2 { font-size: 25px; }
 .mehr-section-heading > p { font-size: 12px; }
 .mehr-section-heading > p br { display: none; }
 .mehr-service-grid { gap: 16px; }
 .mehr-service-card { padding: 23px 20px 18px; }
 .mehr-service-top { margin-bottom: 21px; }
 .mehr-service-top > span[dir] { display: none; }
 .mehr-service-card h3 { font-size: 17px; }
 .mehr-service-card p { font-size: 13px; line-height: 2.05; }
 .mehr-service-bottom { font-size: 11px; }
 .mehr-story { padding-block: 40px; }
 .mehr-story-grid { grid-template-columns: 1fr; gap: 30px; }
 .mehr-story-art { min-height: 245px; padding: 35px; }
 .mehr-story h2 { font-size: 30px; }
 .mehr-story p:not(.mehr-eyebrow) { font-size: 14px; }
 .mehr-contact-panel { flex-direction: column; align-items: start; padding: 28px 23px; gap: 25px; }
 .mehr-contact-actions { width: 100%; }
 .mehr-contact-phone { justify-content: start; font-size: 24px; }
 .mehr-button-outline { width: 100%; justify-content: space-between; font-size: 12px; }
 .mehr-footer-grid { gap: 30px 18px; padding-block: 35px; }
 .mehr-footer-brand, .mehr-footer-grid > div:nth-child(2) { grid-column: 1 / -1; }
 .mehr-footer-bottom { flex-direction: column; gap: 12px; line-height: 2; font-size: 10px; }
 .mehr-about-hero { padding-block: 24px 35px; }
 .mehr-page-breadcrumb { margin-bottom: 25px; }
 .mehr-about-heading { grid-template-columns: 1fr; gap: 0; }
 .mehr-about-heading h1 { font-size: 37px; }
 .mehr-about-heading > div > p:last-child { font-size: 14px; }
 .mehr-about-seal { display: none; }
 .mehr-about-intro { grid-template-columns: 1fr; gap: 25px; padding-bottom: 25px; }
 .mehr-about-aside-line { margin-top: 22px; }
 .mehr-about-prose p { font-size: 14px; line-height: 2.3; }
 .mehr-license-grid { grid-template-columns: 1fr; gap: 15px; }
 .mehr-license-card { padding: 23px; gap: 18px; }
 .mehr-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
 .mehr-person-info { padding: 16px 13px; }
 .mehr-person-info h3 { font-size: 14px; }
 .mehr-person-info p { font-size: 11px; }
 .mehr-trustees-section { padding-top: 5px; padding-bottom: 45px; }
 .mehr-feedback-section { padding-block: 40px; }
 .mehr-feedback-grid { grid-template-columns: 1fr; gap: 30px; }
 .mehr-feedback-copy > h2 { font-size: 30px; }
 .mehr-feedback-copy > p:not(.mehr-eyebrow) { margin-bottom: 25px; }
 .mehr-form { padding: 23px; }
 .mehr-form h3 { font-size: 19px; }
 .mehr-contact-modal .modal-dialog { margin: 12px; }
 .mehr-contact-modal .modal-header { padding: 22px 20px 17px; }
 .mehr-contact-modal .modal-header .mehr-eyebrow { font-size: 10px; }
 .mehr-modal-grid { grid-template-columns: 1fr; }
 .mehr-contact-details { order: 2; border-top: 1px solid var(--mehr-line); padding-top: 25px; }
 .mehr-modal-grid .mehr-form { order: 1; padding: 22px; }
 body .modal-body { padding: 15px; }
}
@media (max-width: 480px) {
 .mehr-service-grid { grid-template-columns: 1fr; }
 .mehr-service-card { display: grid; grid-template-columns: 46px minmax(0,1fr); column-gap: 16px; padding: 22px; }
 .mehr-service-top { grid-row: 1 / 3; margin: 0; align-self: start; }
 .mehr-service-card h3 { margin: 0 0 6px; font-size: 18px; }
 .mehr-service-card p { grid-column: 2; margin-bottom: 20px; }
 .mehr-service-bottom { grid-column: 1 / -1; font-size: 12px; }
 .mehr-form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 359px) {
 .mehr-container { width: calc(100% - 30px); }
 .mehr-brand strong { font-size: 14px; }
 .mehr-brand img { width: 30px; height: 30px; }
 .mehr-header-entry { gap: 6px; padding-inline: 9px; font-size: 10px; }
 .mehr-header-entry .mehr-icon { display: none; }
 .mehr-hero h1 { font-size: 32px; }
 .mehr-floating-note { width: 245px; }
 .mehr-person-info h3 { font-size: 13px; }
 .mehr-license-card { padding: 20px 17px; gap: 14px; }
 .mehr-license-card small { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } [data-aos] { opacity: 1 !important; transform: none !important; } }