/* Shared ArtaMehr dark theme. Loaded last on every page. */
:root {
  color-scheme:dark;
  --theme-bg:#101112;
  --theme-panel:#1b1d20;
  --theme-raised:#25282c;
  --theme-line:#373b40;
  --theme-text:#edf3fc;
  --theme-muted:#b4c2d6;
  --theme-blue:#78bcff;
  --primary:#168aff;
  --secondary:#78bcff;
  --dark:#edf3fc;
  --cream:#1b1d20;
  --cream2:#25282c;
  --light:#1b1d20;
  --shadow:0 8px 30px #0003;
  --shadow-lg:0 18px 50px #0005
}
html body {
  background:var(--theme-bg)!important;
  color:var(--theme-muted)!important
}
html body :is(.products-page,.board-page,.branch-page,.faq-page,.coop-page,.about-page,.news-page,.news-detail-page,.detail-page,.contact-content) {
  background:var(--theme-bg)!important;
  color:var(--theme-muted)!important;
  --navy:#edf3fc;
  --blue:#78bcff;
  --light:#25282c;
  --bg:#101112;
  --text:#b4c2d6;
  --muted:#b4c2d6;
  --border:#373b40;
  --contact-text:#edf3fc;
  --contact-muted:#b4c2d6
}
html body :is(h1,h2,h3,h4,h5,h6,.stitle,.sptitle,.htitle,.ftit,.flbl,.catalog-name,.board-name,.contact-detail strong) {
  color:var(--theme-text)!important
}
html body :is(p,.sdesc,.catalog-description,.about-text,.contact-description,.coop-card-intro,.faq-answer,.board-education,.mdesc,.detail-lead,.detail-body,.contact-note) {
  color:var(--theme-muted)!important
}
html body :is(.stitle span,.sptitle span,.htitle span,.catalog-eyebrow,.board-eyebrow,.branch-eyebrow,.faq-eyebrow,.coop-eyebrow,.news-eyebrow,.about-eyebrow,.contact-eyebrow,.kicker,.brand-product-link,.catalog-reset,.faq-reset,.news-more,.blmore,.catalog-brand,.mcat) {
  color:var(--theme-blue)!important
}
html body a {
  color:var(--theme-blue)
}
html body :is(#topbar,footer,.fbot) {
  background:#0c0d0e!important;
  border-color:var(--theme-line)!important;
  color:var(--theme-muted)!important
}
html body #nav {
  background:#16181b!important;
  border-bottom:1px solid var(--theme-line);
  box-shadow:0 6px 22px #0003
}
html body #nav .nav-link {
  color:#d8e4f4!important
}
html body #nav .nav-link.active,html body #nav .nav-link:hover {
  color:#9ec5ff!important
}
html body #nav .nav-link::after {
  background:#78bcff!important
}
html body :is(.artamehr-submenu,.dropdown-menu) {
  background:var(--theme-panel)!important;
  border:1px solid var(--theme-line)!important;
  box-shadow:var(--shadow-lg)
}
html body .artamehr-submenu a {
  color:var(--theme-text)!important
}
html body .artamehr-submenu a:hover {
  background:var(--theme-raised)!important;
  color:#a8ceff!important
}
html body :is(#category,#about,#menu,#chefs,#blog,#contact-section,.about-section,.about-section.white,.contact-main) {
  background:var(--theme-bg)!important
}
html body #special {
  background:radial-gradient(ellipse at 30% 50%,#25282c66,transparent 60%),#16181b!important
}
html body #special .sptitle {
  color:var(--theme-text)!important
}
html body #special .sptitle span {
  color:var(--theme-blue)!important
}
html body #special .home-branches-map path {
  fill:#5084c4;
  stroke:#16181b
}
html body .mqsec,html body #newsletter {
  background:linear-gradient(135deg,#202326,#30343a)!important;
  color:var(--theme-text)!important
}
html body :is(.catcard,.mcard,.blcard,.partner-card,.catalog-card,.catalog-tools,.catalog-empty,.board-chair,.board-member,.branch-toolbar,.branch-map,.branch-list-card,.branch-empty,.faq-search-box,.faq-categories,.faq-item,.faq-empty,.coop-card,.contact-panel,.contact-location,.fcard,.news-toolbar,.news-featured,.news-card,.news-empty,.detail-wrap,.detail-card,.detail-empty,.feature-list,.large-picture,.cat,.step,.cta-box) {
  background:var(--theme-panel)!important;
  border-color:var(--theme-line)!important;
  color:var(--theme-muted)!important;
  box-shadow:var(--shadow)
}
html body :is(.catnm,.partner-card span,.mtit,.catalog-summary,.catalog-field label,.catalog-categories legend,.branch-list-card strong,.faq-question,.faq-category,.feature-row dd,.contact-field label,.coop-field label,.news-filter) {
  color:var(--theme-text)!important
}
html body :is(.catalog-picture,.board-photo,.mimg,.home-product-placeholder,.blimg,.news-card-media,.news-featured-media,.news-image-placeholder,.detail-cover.news-image-placeholder) {
  background:linear-gradient(145deg,#282c31,#1c1f23)!important;
  border-color:var(--theme-line)!important;
  color:#a9bdd8!important
}
/* Preserve original logo artwork; only its surrounding UI changes. */
html body #category .catimg {
  background:transparent!important
}
html body :is(.catalog-placeholder,.board-placeholder,.feature-row dt,.news-date,.news-meta,.detail-meta) {
  color:#a9bdd8!important
}
html body :is(.catalog-category,.detail-tag,.detail-tag,.news-tag,.board-role,.board-badge,.faq-number,.cat-icon,.ftico,.cticon) {
  background:#174c89!important;
  color:#b3d3ff!important
}
html body :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.fctrl,.catalog-brand-select) {
  background:#141619!important;
  border-color:#454b53!important;
  color:var(--theme-text)!important
}
html body :is(input,textarea)::placeholder {
  color:#98abc5!important;
  opacity:1
}
html body :is(input,textarea,select):focus {
  border-color:#78bcff!important;
  outline-color:#78bcff!important;
  box-shadow:0 0 0 3px #168aff26!important
}
html body :is(.catalog-chip,.news-filter,.faq-category) {
  background:#24272b!important;
  border-color:#454b53!important
}
html body :is(.catalog-chip[aria-pressed=true],.news-filter.active,.faq-category[aria-pressed=true]) {
  background:#087bea!important;
  color:#fff!important;
  border-color:#689de4!important
}
html body :is(.btn-red,.coop-submit,.contact-button,.detail-button,.about-btn.primary,#btt) {
  background:linear-gradient(135deg,#087bea,#005fce)!important;
  color:#fff!important;
  border-color:#188eff!important;
  box-shadow:0 6px 20px #0003!important
}
html body :is(.btn-red,.coop-submit,.contact-button,.detail-button,.about-btn.primary,#btt):hover {
  background:#2794ff!important;
  color:#fff!important
}
html body :is(.nlbtn,.about-btn.secondary,.branch-actions a) {
  background:#d4e5fb!important;
  color:#152c4e!important
}
html body :is(.ctdark,.coop-side,.faq-help,.branch-panel) {
  background:linear-gradient(145deg,#25282c,#30343a)!important;
  border-color:var(--theme-line)!important;
  color:#dce9fa!important
}
html body :is(.ctinfo strong,.branch-detail dt,.branch-panel-intro,.coop-step span) {
  color:#b4c9e4!important
}
html body :is(.feature-row,.faq-item,.board-divider,.coop-step) {
  border-color:var(--theme-line)!important
}
html body :is(.sline,.board-divider:before,.board-divider:after) {
  background:#188eff!important
}
html body :is(.fsoc a,.tsoc a,.ctsocrow a) {
  background:#25282c!important;
  color:#dce9fa!important;
  border-color:#454b53!important
}
:root {
  --theme-blue:#78bcff;
  --primary:#087bea;
  --secondary:#78bcff;
  --catalog-navy:#f3f5f7;
  --catalog-blue:#78bcff
}
html body :is(.products-page,.board-page,.branch-page,.faq-page,.coop-page,.about-page,.news-page,.news-detail-page,.detail-page,.contact-content) {
  --navy:#087bea;
  --blue:#78bcff;
  --bg:#101112;
  --light:#25282c;
  --border:#373b40;
  --catalog-navy:#f3f5f7;
  --catalog-blue:#78bcff
}
html body :is(.point,.hero-img,.img-grid,.branch-workspace,.news-body,.catalog-content,.contact-main,.coop-content,.faq-content) {
  background-color:var(--theme-bg)!important
}
html body :is(.network,.cta,.hero-badge) {
  background:#22262b!important;
  color:#f3f5f7!important
}
html body :is(.point,.hero-img) {
  border-color:#373b40!important
}
html body :is(.catalog-card,.board-member,.board-chair,.branch-list-card,.news-card,.faq-item,.coop-card,.contact-panel) {
  box-shadow:0 10px 28px #0002!important
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.about-hero,.contact-intro,.detail-hero) {
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:#16181b!important;
  border:0!important
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) {
  min-height:340px;
  padding-top:65px;
  padding-bottom:65px;
  display:flex;
  align-items:center
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.about-hero,.contact-intro)::before,
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.about-hero,.contact-intro)::after {
  content:none!important;
  display:none!important
}
html body .page-banner-art {
 position:absolute!important;
  left:7%!important;
  right:auto!important;
  top:0!important;
  bottom:0!important;
  width:80%!important;
  height:100%!important;
 background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
 opacity:.66;
  pointer-events:none;
  z-index:0!important;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 39%,transparent 76%),linear-gradient(to bottom,transparent 0%,#000 19%,#000 76%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 39%,transparent 76%),linear-gradient(to bottom,transparent 0%,#000 19%,#000 76%,transparent 100%);
 -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro)>.container {
  position:relative;
  z-index:2!important
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) :is(h1,p) {
  max-width:49%!important
}
html body :is(.catalog-eyebrow,.board-eyebrow,.branch-eyebrow,.faq-eyebrow,.coop-eyebrow,.news-eyebrow,.contact-eyebrow) {
  color:#78bcff!important
}
html body #hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#101112!important
}
html body #hero>.page-banner-art {
  left:0!important;
  width:100%!important;
  background-position:35% center!important;
  opacity:.65;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 35%,transparent 87%),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 12%,#000 35%,transparent 87%),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent)
}
html body #hero>.container {
  position:relative;
  z-index:2
}
html body #hero :is(.hstat small,.snum) {
  color:#f3f5f7!important
}
html body .about-hero .hero-img {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible
}
html body .about-hero .hero-img>img {
  position:relative;
  left:25px;
  mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)
}
html body .branch-map path {
  fill:#353b42;
  stroke:#1b1d20
}
html body .branch-map path[data-available=true] {
  fill:#168aff
}
html body .branch-map path[aria-pressed=true],html body .branch-map path:hover {
  fill:#78bcff;
  stroke:#25282c
}
html body #special .home-branches-map path {
  fill:#168aff;
  stroke:#1b1d20
}
html body :is(.btn-red,.coop-submit,.contact-button,.detail-button,.about-btn.primary,#btt) {
  background:linear-gradient(135deg,#168aff,#0064d9)!important;
  border-color:#2794ff!important
}
html body :is(.catalog-chip[aria-pressed=true],.news-filter.active,.faq-category[aria-pressed=true]) {
  background:#087bea!important;
  border-color:#2794ff!important
}
html body a:focus-visible,html body button:focus-visible {
  outline:3px solid #78bcff;
  outline-offset:4px
}
@media(max-width:991px) {
  html body .page-banner-art {
    left:3%!important;
    width:94%!important;
    opacity:.5
  }
  html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) :is(h1,p) {
    max-width:60%!important
  }
}
@media(max-width:767px) {
  html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) {
    min-height:280px;
    padding:44px 0
  }
  html body .page-banner-art {
    left:-12%!important;
    width:135%!important;
    opacity:.26
  }
  html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) :is(h1,p) {
    max-width:100%!important
  }
  html body .about-hero .hero-img>img {
    left:0
  }
}
/* White wordmark with original subtitle preserved. */
.artamehr-white-wordmark {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  line-height:0;
  max-width:100%
}
.artamehr-white-wordmark>img {
  display:block
}
.artamehr-white-wordmark::after {
  content:"";
  position:absolute;
  inset:0;
  background:#fff;
  pointer-events:none;
  -webkit-mask:url("../img/Artamehr.png?v=22") center/100% 100% no-repeat;
  mask:url("../img/Artamehr.png?v=22") center/100% 100% no-repeat;
  clip-path:polygon(0 0,100% 0,100% 100%,68% 100%,68% 80%,10% 80%,10% 100%,0 100%)
}
/* Stable white logo lettering without external CSS masks. */
html body .artamehr-white-wordmark::after {
  display:none!important;
  content:none!important
}
html body .artamehr-white-wordmark>img:not(.artamehr-logo-subtitle) {
  filter:brightness(0) invert(1)!important
}
html body .artamehr-white-wordmark>img.artamehr-logo-subtitle {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  filter:none!important;
  clip-path:inset(80% 32% 0 10%);
  pointer-events:none
}
html body #nav button.artamehr-menu-toggle {
  border:0;
  background:transparent!important;
  appearance:none;
  font:inherit;
  cursor:pointer;
  text-align:right
}
html body #nav .artamehr-submenu a[aria-current="page"] {
  background:#087bea!important;
  color:#fff!important;
  font-weight:700;
  border-radius:8px
}
html body #nav .artamehr-submenu a:hover,html body #nav .artamehr-submenu a:focus-visible {
  background:#25282c!important;
  color:#fff!important
}
html body #nav .artamehr-dropdown.is-open>.artamehr-submenu {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto
}
html body #hero .col-lg-5 {
  width:58%;
  flex:0 0 58%
}
html body #hero .htitle {
  font-size:clamp(58px,6.5vw,98px);
  line-height:1.3;
  width:100%;
  margin-bottom:28px
}
html body #hero .htitle .hl {
  font-size:1.3em;
  line-height:1.25;
  display:block;
  margin-top:10px
}
@media(max-width:991px) {
  html body #hero .col-lg-5 {
    width:70%;
    flex-basis:70%
  }
  html body #hero .htitle {
    font-size:clamp(48px,7vw,74px)
  }
}
@media(max-width:767px) {
  html body #hero .col-lg-5 {
    width:100%;
    flex-basis:100%
  }
  html body #hero .htitle {
    font-size:clamp(36px,8vw,58px)
  }
  html body #hero .htitle .hl {
    font-size:1.2em
  }
}
/* Homepage title hierarchy. */
html body #hero .htitle .hero-company-line {
  display:block;
  color:#fff!important;
  font-size:.86em;
  line-height:1.45
}
html body #hero .htitle .hero-company-name {
  display:inline-block;
  position:relative;
  isolation:isolate;
  color:#168aff!important;
  font-size:1.43em;
  line-height:1.3;
  margin-top:10px;
  padding:0 .04em
}
html body #hero .htitle .hero-company-name::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:.12em;
  height:.22em;
  border-radius:5px;
  background:rgba(22,138,255,.23)!important;
  z-index:-1
}
@media(max-width:767px) {
  html body #hero .htitle .hero-company-name {
    font-size:1.32em
  }
}
/* Blue homepage wordmark with a white outline around every letter. */
html body #hero .htitle .hero-company-name {
  color:#168aff!important;
  -webkit-text-stroke:1.5px #fff;
  paint-order:stroke fill;
  text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff
}
html body #hero .htitle .hero-company-name::before {
  display:none!important;
  content:none!important
}
@media(max-width:767px) {
  html body #hero .htitle .hero-company-name {
    -webkit-text-stroke:1px #fff
  }
}
/* A subtle animated photograph; original scene and logo are preserved. */
html body #hero .htitle .hero-company-name {
  color:#fff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important
}
html body #hero .htitle .hero-company-name::before {
  content:none!important;
  display:none!important
}
html body #hero>.page-banner-art {
  transform-origin:38% 60%;
  animation:artamehr-scene-drift 18s ease-in-out infinite alternate;
  will-change:transform
}
html body #hero>.page-banner-art::after {
  content:"";
  position:absolute;
  left:59.8%;
  top:48%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ffc857;
  box-shadow:0 0 12px 5px #ffb32b66;
  animation:artamehr-beacon 2.8s ease-in-out infinite;
  pointer-events:none
}
@keyframes artamehr-scene-drift {
  0% {
    transform:scale(1.04) translate3d(-.7%,0,0)
  }
  100% {
    transform:scale(1.085) translate3d(.6%,-.5%,0)
  }
}
@keyframes artamehr-beacon {
  0%,100% {
    opacity:.15
  }
  15% {
    opacity:.85
  }
  30% {
    opacity:.2
  }
  45% {
    opacity:.7
  }
  65% {
    opacity:.15
  }
}
@media(prefers-reduced-motion:reduce) {
  html body #hero>.page-banner-art,html body #hero>.page-banner-art::after {
    animation:none!important
  }
  html body #hero>.page-banner-art {
    transform:none;
    will-change:auto
  }
}
html body #hero .htitle .hero-company-line {
  color:#168aff!important
}
html body #hero .htitle .hero-company-name {
  color:#fff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important
}
html body #hero>.hero-loading-art {
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
  opacity:1!important;
  width:72%!important;
  left:-8%!important;
  background:none!important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 73%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent,#000 8%,#000 73%,transparent 100%)!important
}
html body #hero>.hero-loading-art::after {
  display:none!important;
  content:none!important
}
html body #hero>.hero-loading-art img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center
}
@media(max-width:991px) {
  html body #hero>.hero-loading-art {
    width:100%!important;
    left:-25%!important;
    opacity:.65!important
  }
}
@media(max-width:767px) {
  html body #hero>.hero-loading-art {
    width:150%!important;
    left:-55%!important;
    opacity:.28!important
  }
}
/* Restore the original, still homepage photograph. */
html body #hero>.page-banner-art {
  animation:none!important;
  transform:none!important;
  will-change:auto!important
}
html body #hero>.page-banner-art::after {
  display:none!important;
  content:none!important
}
html body #hero .htitle .hero-company-line {
  color:#168aff!important
}
html body #hero .htitle .hero-company-name {
  color:#fff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important
}
/* Catalog pages: override their more specific light-theme rules. */
html body main.products-page {
  background:#101112!important;
  color:#b4c2d6!important;
  --catalog-navy:#f3f5f7;
  --catalog-blue:#78bcff
}
html body main.products-page .catalog-hero {
  background:#16181b!important;
  border-color:#373b40!important
}
html body main.products-page .catalog-content {
  background:#101112!important
}
html body main.products-page :is(.catalog-tools,.catalog-card,.catalog-copy,.catalog-empty) {
  background:#1b1d20!important;
  border-color:#373b40!important;
  color:#b4c2d6!important
}
html body main.products-page :is(.catalog-name,.catalog-summary,.catalog-field label,.catalog-categories legend,h1,h2,h3) {
  color:#f3f5f7!important
}
html body main.products-page :is(.catalog-description,.catalog-hero p) {
  color:#b4c2d6!important
}
html body main.products-page :is(.brand-product-link,.catalog-brand,.catalog-reset) {
  color:#78bcff!important;
  border-color:#454b53!important
}
html body main.products-page .brand-product-link:hover {
  background:#087bea!important;
  color:#fff!important
}
html body #hero .hero-title-break {
  display:none
}
:root {
  --banner-tint:#0003
}
html body #hero .htitle .hero-company-line span {
  color:inherit!important
}