:is(#jhc,#jhf).jh{
  --vellum: #F6F1E6;
  --vellum-2: #EEE6D4;
  --paper: #FFFCF5;
  --ink: #141A33;
  --ink-2: #4A516E;
  --rule: #DACFB6;
  --rule-2: #E9E1CE;
  --brand: #1D2C7A;
  --brand-deep: #101846;
  --brand-night: #0A0F30;
  --brand-tint: #E3E6F3;
  --gold: #C9A55A;
  --gold-2: #E3CA8F;
  --gold-ink: #7A5C16;
  --on-gold: #1B1404;
  --rubric: #9E3B2C;
  --on-dark: #F5EFDF;
  --on-dark-2: color-mix(in srgb, var(--on-dark) 76%, transparent);
  --on-dark-3: color-mix(in srgb, var(--on-dark) 62%, transparent);
  --line-dark: color-mix(in srgb, var(--gold-2) 24%, transparent);
  --serif: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --sans: 'Hanken Grotesk', 'Segoe UI', system-ui, -apple-system, Helvetica, sans-serif;
  --arabic: 'Amiri', 'Noto Naskh Arabic', 'Traditional Arabic', serif;
  --ease: cubic-bezier(.22, .7, .18, 1);
  --r: 18px;
  --wrap: 1200px;
  --gut: clamp(18px, 4.2cqw, 56px);
  container-type: inline-size;
  container-name: site;
  position: relative;
  width: 100%;
  overflow-x: clip;
  background: var(--vellum);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  interpolate-size: allow-keywords;
}
:is(#jhc,#jhf) *, :is(#jhc,#jhf) *::before, :is(#jhc,#jhf) *::after{ box-sizing: border-box; }
:is(#jhc,#jhf) :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote){ margin: 0; }
:is(#jhc,#jhf) :where(ul, ol){ padding: 0; list-style: none; }
:is(#jhc,#jhf) a{ color: inherit; text-decoration: none; }
:is(#jhc,#jhf) svg{ display: block; }
:is(#jhc,#jhf) summary{ list-style: none; cursor: pointer; }
:is(#jhc,#jhf) summary::-webkit-details-marker{ display: none; }
:is(#jhc,#jhf) a:focus-visible, :is(#jhc,#jhf) summary:focus-visible, :is(#jhc,#jhf) button:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 8px;
}
:is(#jhc,#jhf) ::selection{ background: var(--gold); color: var(--on-gold); }
:is(#jhc,#jhf) .wrap{ width: min(100% - 2 * var(--gut), var(--wrap)); margin-inline: auto; }
:is(#jhc,#jhf) .dot{
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  outline: 1.5px solid currentColor;
  outline-offset: 3px;
}
:is(#jhc,#jhf) .btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 30px;
  border: 1.5px solid transparent;
  border-radius: 999px;
  font: 600 16.5px/1 var(--sans);
  letter-spacing: .005em;
  white-space: nowrap;
  overflow: hidden;
  transition: transform .4s var(--ease), background-color .25s, color .25s, border-color .25s, box-shadow .4s var(--ease);
}
:is(#jhc,#jhf) .btn .arr{ display: inline-block; transition: transform .4s var(--ease); }
:is(#jhc,#jhf) .btn:hover .arr{ transform: translateX(5px); }
:is(#jhc,#jhf) .btn:hover{ transform: translateY(-2px); }
:is(#jhc,#jhf) .btn-gold{ background: var(--gold); color: var(--on-gold); }
:is(#jhc,#jhf) .btn-gold::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .5) 50%, transparent 62%);
  transform: translateX(-120%);
  transition: transform .9s var(--ease);
}
:is(#jhc,#jhf) .btn-gold:hover{ background: var(--gold-2); box-shadow: 0 18px 34px -16px color-mix(in srgb, var(--gold) 80%, transparent); }
:is(#jhc,#jhf) .btn-gold:hover::after{ transform: translateX(120%); }
:is(#jhc,#jhf) .btn-brand{ background: var(--brand); color: var(--on-dark); }
:is(#jhc,#jhf) .btn-brand:hover{ background: var(--brand-deep); box-shadow: 0 18px 34px -18px var(--brand-deep); }
:is(#jhc,#jhf) .btn-line{ border-color: var(--rule); color: var(--brand); background: transparent; }
:is(#jhc,#jhf) .btn-line:hover{ border-color: var(--brand); }
:is(#jhc,#jhf) .on-dark .btn-line{ border-color: var(--line-dark); color: var(--on-dark); }
:is(#jhc,#jhf) .on-dark .btn-line:hover{ border-color: var(--gold); color: var(--gold); }
:is(#jhc,#jhf) .btn-lg{ min-height: 62px; padding: 0 40px; font-size: 18px; }
:is(#jhc,#jhf) .tlink .arr{ transition: transform .4s var(--ease); }
:is(#jhc,#jhf) .tlink:hover .arr{ transform: translateX(5px); }
:is(#jhc,#jhf) .pill{
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--gold);
  color: var(--on-gold);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@keyframes jh-grow-x{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce){
:is(#jhc,#jhf) *, :is(#jhc,#jhf) *::before, :is(#jhc,#jhf) *::after{ animation: none !important; transition: none !important; }
}
:is(#jhc,#jhf) .topbar{ background: var(--brand-night); color: var(--on-dark-2); font-size: 13.5px; }
:is(#jhc,#jhf) .topbar-in{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0 16px; min-height: 44px; }
:is(#jhc,#jhf) .topbar-mail{ display: inline-flex; align-items: center; gap: 9px; justify-self: start; min-height: 44px; transition: color .2s; }
:is(#jhc,#jhf) .topbar-mail:hover{ color: var(--gold); }
:is(#jhc,#jhf) .topbar-mail svg{ width: 16px; height: 16px; }
:is(#jhc,#jhf) .topbar-bism{ font-family: var(--arabic); font-size: 20px; line-height: 1.7; color: var(--gold); white-space: nowrap; }
:is(#jhc,#jhf) .topbar-end{ display: flex; align-items: center; gap: 14px; justify-self: end; }
:is(#jhc,#jhf) .topbar-soc{ display: flex; gap: 4px; }
:is(#jhc,#jhf) .topbar-date{ display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 9px; justify-self: start; margin: 0; font-variant-numeric: lining-nums; }
:is(#jhc,#jhf) .topbar-date svg{ flex: none; width: 15px; height: 15px; color: var(--gold); }
:is(#jhc,#jhf) .td-h{ color: var(--gold); }
:is(#jhc,#jhf) .td-h::before{ content: "·"; margin-right: 9px; color: var(--on-dark-3); }
:is(#jhc,#jhf) .td-h:empty{ display: none; }
:is(#jhc,#jhf) .soc{ width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: var(--on-dark-2); transition: color .2s, background-color .2s; }
:is(#jhc,#jhf) .soc:hover{ color: var(--brand-night); background: var(--gold); }
:is(#jhc,#jhf) .soc svg{ width: 15px; height: 15px; }
:is(#jhc,#jhf) .hdr{ position: sticky; top: 0; z-index: 60; background: var(--brand-deep); color: var(--on-dark); border-bottom: 1px solid var(--line-dark); }
:is(#jhc,#jhf) .hdr-in{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 80px; }
:is(#jhc,#jhf) .logo{ display: flex; align-items: center; gap: 12px; flex: none; min-height: 44px; }
:is(#jhc,#jhf) .logo-mark{ width: 38px; height: 46px; flex: none; }
:is(#jhc,#jhf) .logo-mark svg{ width: 100%; height: 100%; }
:is(#jhc,#jhf) .lm-tile{ fill: var(--gold); }
:is(#jhc,#jhf) .lm-in{ stroke: var(--brand-deep); stroke-width: .9; opacity: .55; }
:is(#jhc,#jhf) .lm-txt{ fill: var(--brand-deep); font: 700 17.5px var(--serif); }
:is(#jhc,#jhf) .logo-name{ display: block; font: 600 26px/1 var(--serif); letter-spacing: .01em; white-space: nowrap; }
:is(#jhc,#jhf) .logo-sub{ display: block; margin-top: 5px; font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--on-dark-3); white-space: nowrap; }
:is(#jhc,#jhf) .nav{ display: flex; align-items: center; gap: 2px; }
:is(#jhc,#jhf) .nav-a{ position: relative; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border-radius: 999px; font-size: 15.5px; font-weight: 500; color: var(--on-dark-2); white-space: nowrap; transition: color .2s, background-color .2s; }
:is(#jhc,#jhf) .nav-a:hover, :is(#jhc,#jhf) .nav-dd:hover > .nav-a, :is(#jhc,#jhf) .nav-dd:focus-within > .nav-a{ color: var(--on-dark); background: rgba(255, 255, 255, .08); }
:is(#jhc,#jhf) .nav-a.is-active{ color: var(--gold); }
:is(#jhc,#jhf) .nav-a.is-active::after{ content: ""; position: absolute; left: 14px; right: 14px; bottom: 5px; height: 1px; background: var(--gold); }
:is(#jhc,#jhf) .nav-a svg{ width: 14px; height: 14px; transition: transform .35s var(--ease); }
:is(#jhc,#jhf) .nav-dd{ position: relative; }
:is(#jhc,#jhf) .nav-dd:hover > .nav-a svg, :is(#jhc,#jhf) .nav-dd:focus-within > .nav-a svg{ transform: rotate(180deg); }
:is(#jhc,#jhf) .dd{ position: absolute; top: calc(100% + 16px); left: 50%; width: 336px; padding: 10px; background: var(--paper); color: var(--ink); border: 1px solid var(--rule); border-radius: var(--r); box-shadow: 0 34px 60px -26px color-mix(in srgb, var(--brand-night) 55%, transparent); opacity: 0; visibility: hidden; transform: translate(-50%, 10px); transition: opacity .25s, transform .4s var(--ease), visibility .25s; }
:is(#jhc,#jhf) .dd::before{ content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
:is(#jhc,#jhf) .nav-dd:hover .dd, :is(#jhc,#jhf) .nav-dd:focus-within .dd{ opacity: 1; visibility: visible; transform: translate(-50%, 0); }
:is(#jhc,#jhf) .dd a{ display: flex; align-items: center; gap: 14px; min-height: 46px; padding: 0 14px; border-radius: 12px; font-size: 15.5px; font-weight: 500; transition: background-color .2s, color .2s; }
:is(#jhc,#jhf) .dd a:hover{ background: var(--vellum-2); color: var(--brand); }
:is(#jhc,#jhf) .dd .num{ width: 24px; font: 600 15px/1 var(--serif); font-variant-numeric: lining-nums; color: var(--gold-ink); }
:is(#jhc,#jhf) .hdr-cta{ display: flex; align-items: center; gap: 10px; flex: none; }
:is(#jhc,#jhf) .hdr-signin{ display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid var(--line-dark); font-size: 15.5px; font-weight: 600; white-space: nowrap; transition: border-color .2s, color .2s; }
:is(#jhc,#jhf) .hdr-signin:hover{ border-color: var(--gold); color: var(--gold); }
:is(#jhc,#jhf) .hdr-reg{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; height: 48px; padding: 0 24px; border-radius: 999px; background: var(--gold); color: var(--on-gold); line-height: 1.12; white-space: nowrap; transition: background-color .2s, transform .4s var(--ease); }
:is(#jhc,#jhf) .hdr-reg b{ font-size: 15.5px; font-weight: 700; }
:is(#jhc,#jhf) .hdr-reg small{ font-size: 11px; font-weight: 600; letter-spacing: .02em; opacity: .8; }
:is(#jhc,#jhf) .hdr-reg:hover{ background: var(--gold-2); transform: translateY(-1px); }
:is(#jhc,#jhf) .hdr-progress{ position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--gold); transform-origin: 0 50%; transform: scaleX(0); pointer-events: none; }
@supports (animation-timeline: scroll()){
@media (prefers-reduced-motion: no-preference){
:is(#jhc,#jhf) .hdr-progress{ animation: jh-grow-x linear both; animation-timeline: scroll(nearest block); }
}
}
:is(#jhc,#jhf) .mnav{ display: none; }
:is(#jhc,#jhf) .mnav > summary{ width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-dark); display: grid; place-items: center; color: var(--on-dark); transition: background-color .2s, color .2s, border-color .2s; }
:is(#jhc,#jhf) .mnav > summary svg{ width: 20px; height: 20px; }
:is(#jhc,#jhf) .mnav[open] > summary{ background: var(--gold); color: var(--on-gold); border-color: var(--gold); }
:is(#jhc,#jhf) .mnav-panel{ position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100svh - 110px); overflow-y: auto; padding: 6px var(--gut) 26px; background: var(--brand-deep); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); box-shadow: 0 40px 60px -30px rgba(0, 0, 0, .7); }
:is(#jhc,#jhf) .mnav-panel a{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; border-bottom: 1px solid var(--line-dark); font: 600 24px/1.1 var(--serif); color: var(--on-dark); }
:is(#jhc,#jhf) .mnav-panel a.sub{ min-height: 44px; padding-left: 16px; font: 500 16px/1.2 var(--sans); color: var(--on-dark-2); }
:is(#jhc,#jhf) .mnav-panel a.sub .num{ width: 28px; font: 600 14px/1 var(--serif); font-variant-numeric: lining-nums; color: var(--gold); }
:is(#jhc,#jhf) .mnav-panel a.sub span{ display: inline-flex; align-items: center; }
:is(#jhc,#jhf) .mnav-panel a.acct{ display: none; }
:is(#jhc,#jhf) .mnav-panel a.is-active{ color: var(--gold); }
:is(#jhc,#jhf) .promo{ display: none; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 14px; background: var(--gold); color: var(--on-gold); font-size: 14px; font-weight: 700; text-align: center; }
:is(#jhc,#jhf) .promo small{ font-size: 13px; font-weight: 600; opacity: .8; }
:is(#jhc,#jhf) .ftr{ background: var(--brand-night); color: var(--on-dark-2); font-size: 15.5px; }
:is(#jhc,#jhf) .ftr-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1.05fr 1.05fr; gap: clamp(28px, 4cqw, 64px); padding-block: clamp(48px, 5.2cqw, 76px) clamp(32px, 3.4cqw, 50px); }
:is(#jhc,#jhf) .ftr .logo{ color: var(--on-dark); }
:is(#jhc,#jhf) .ftr-brand p{ margin-top: 20px; max-width: 30ch; }
:is(#jhc,#jhf) .ftr-soc{ display: flex; gap: 10px; margin-top: 26px; }
:is(#jhc,#jhf) .ftr-soc a{ width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-dark); display: grid; place-items: center; color: var(--on-dark); transition: background-color .2s, color .2s, border-color .2s, transform .4s var(--ease); }
:is(#jhc,#jhf) .ftr-soc a:hover{ background: var(--gold); border-color: var(--gold); color: var(--brand-night); transform: translateY(-3px); }
:is(#jhc,#jhf) .ftr-soc svg{ width: 17px; height: 17px; }
:is(#jhc,#jhf) .ftr h4{ margin-bottom: 18px; font: 600 12.5px/1.2 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
:is(#jhc,#jhf) .ftr-col a{ display: inline-flex; align-items: center; min-height: 36px; transition: color .2s, translate .4s var(--ease); }
:is(#jhc,#jhf) .ftr-col a:hover{ color: var(--gold); translate: 4px 0; }
:is(#jhc,#jhf) .ftr-line{ display: flex; align-items: center; gap: 11px; min-height: 36px; color: var(--on-dark); }
:is(#jhc,#jhf) .ftr-line svg{ width: 17px; height: 17px; color: var(--gold); flex: none; }
:is(#jhc,#jhf) .ftr .btn{ margin-top: 18px; min-height: 50px; padding: 0 24px; font-size: 15.5px; }
:is(#jhc,#jhf) .ftr-bot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 28px; padding-block: 22px; border-top: 1px solid var(--line-dark); font-size: 14px; }
:is(#jhc,#jhf) .ftr-bot .heart{ color: var(--gold); }
:is(#jhc,#jhf) .ftr-legal{ display: flex; flex-wrap: wrap; gap: 4px 22px; }
:is(#jhc,#jhf) .ftr-legal a{ display: inline-flex; align-items: center; min-height: 32px; transition: color .2s; }
:is(#jhc,#jhf) .ftr-legal a:hover{ color: var(--gold); }
@container site (max-width: 1270px){
:is(#jhc,#jhf) .nav-a{ padding: 0 11px; font-size: 15px; }
:is(#jhc,#jhf) .hdr-reg{ padding: 0 18px; }
:is(#jhc,#jhf) .hdr-signin{ padding: 0 18px; }
:is(#jhc,#jhf) .logo-sub{ letter-spacing: .14em; }
}
@container site (max-width: 1170px){
:is(#jhc,#jhf) .nav{ display: none; }
:is(#jhc,#jhf) .mnav{ display: block; }
:is(#jhc,#jhf) .promo{ display: flex; }
}
@container site (max-width: 1060px){
:is(#jhc,#jhf) .topbar-in{ grid-template-columns: 1fr; min-height: 38px; }
:is(#jhc,#jhf) .topbar-end{ display: none; }
:is(#jhc,#jhf) .topbar-bism{ justify-self: center; font-size: 18px; order: -1; }
:is(#jhc,#jhf) .topbar-date{ justify-self: center; justify-content: center; padding-bottom: 8px; font-size: 12.5px; line-height: 1.3; text-align: center; margin-top: 2px; }
:is(#jhc,#jhf) .ftr-grid{ grid-template-columns: 1fr 1fr; }
}
@container site (max-width: 620px){
:is(#jhc,#jhf) .hdr-in{ min-height: 66px; gap: 8px; }
:is(#jhc,#jhf) .logo{ gap: 9px; min-width: 0; }
:is(#jhc,#jhf) .logo-mark{ width: 30px; height: 37px; }
:is(#jhc,#jhf) .logo-name{ font-size: 20px; }
:is(#jhc,#jhf) .logo-sub{ margin-top: 3px; font-size: 8px; letter-spacing: .1em; }
:is(#jhc,#jhf) .hdr-cta{ gap: 2px; }
:is(#jhc,#jhf) .hdr-signin{ order: 2; height: 44px; padding: 0 10px; border: 0; font-size: 14.5px; }
:is(#jhc,#jhf) .hdr-reg{ order: 1; height: 40px; padding: 0 15px; }
:is(#jhc,#jhf) .hdr-reg b{ font-size: 14.5px; }
:is(#jhc,#jhf) .hdr-reg small{ display: none; }
:is(#jhc,#jhf) .mnav{ order: 3; margin-left: 2px; }
:is(#jhc,#jhf) .ftr-grid{ grid-template-columns: 1fr; gap: 34px; }
:is(#jhc,#jhf) .ftr-bot{ flex-direction: column; align-items: flex-start; }
}
@container site (max-width: 410px){
:is(#jhc,#jhf) .logo-sub{ display: none; }
:is(#jhc,#jhf) .logo-name{ font-size: 21px; }
}
@container site (max-width: 372px){
:is(#jhc,#jhf) .logo{ gap: 7px; }
:is(#jhc,#jhf) .logo-name{ font-size: 18px; }
:is(#jhc,#jhf) .hdr-reg{ padding: 0 12px; }
:is(#jhc,#jhf) .hdr-signin{ padding: 0 6px; }
}
@container site (max-width: 344px){
:is(#jhc,#jhf) .hdr-signin{ display: none; }
:is(#jhc,#jhf) .mnav-panel a.acct{ display: flex; }
:is(#jhc,#jhf) .mnav{ margin-left: 6px; }
}
@container site (max-width: 1270px){
:is(#jhc,#jhf) .td-wd{ display: none; }
}
@container site (max-width: 620px){
:is(#jhc,#jhf) .topbar-date svg{ display: none; }
}
:is(#jhc,#jhf) .ccard .more .arr{ transition: transform .4s var(--ease); }
:is(#jhc,#jhf) .ccard:hover .more .arr{ transform: translateX(6px); }
:is(#jhc,#jhf) .legacy .btn{ margin-top: 34px; }
@container site (max-width: 620px){
:is(#jhc,#jhf) .hero-cta .btn{ width: 100%; }
:is(#jhc,#jhf) .cta-btns .btn{ width: 100%; }
}
:is(#jhc,#jhf) .fcard .btn{ margin-top: 18px; min-height: 50px; }
:is(#jhc,#jhf) .fcard.feat .btn-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 18px; }
:is(#jhc,#jhf) .fcard.feat .btn-row .btn{ margin-top: 0; }
:is(#jhc,#jhf) .fcard.feat .btn-row .note{ margin-top: 0; }
:is(#jhc,#jhf) .method .btn{ min-height: 48px; padding: 0 22px; font-size: 15.5px; }
:is(#jhc,#jhf) .crow .go .btn{ min-height: 48px; padding: 0 22px; font-size: 15.5px; }
@container site (max-width: 760px){
:is(#jhc,#jhf) .method .btn{ grid-column: 1 / -1; }
}
@container site (max-width: 620px){
:is(#jhc,#jhf) .phero-cta .btn{ width: 100%; }
:is(#jhc,#jhf) .eyebrow.long .dot{ display: none; }
}
:is(#jhc,#jhf).jh{ --brand: #2F5E46; --brand-deep: #EBF3ED; --brand-night: #E1ECE4; --brand-tint: #EEF5F0; --ink: #1B2A21; --ink-2: #4A5B50; --gold: #24573B; --gold-2: #1A4530; --gold-ink: #24573B; --on-gold: #FFFFFF; --on-dark: #1B2A21; --vellum: #F8FBF9; --vellum-2: #EEF4F0; --paper: #FFFFFF; --rule: #D8E3DC; --rule-2: #E6EEE9; }
:is(#jhc,#jhf).jh{ --on-dark-2: color-mix(in srgb, var(--on-dark) 86%, transparent); --on-dark-3: color-mix(in srgb, var(--on-dark) 76%, transparent); --line-dark: color-mix(in srgb, var(--gold) 26%, transparent); }
:is(#jhc,#jhf) .hero::before, :is(#jhc,#jhf) .phero::before{ background: radial-gradient(58% 60% at 50% 40%, var(--paper) 0%, transparent 72%); opacity: .75; }
:is(#jhc,#jhf) .btn-brand{ color: var(--paper); }
:is(#jhc,#jhf) .btn-brand:hover{ background: color-mix(in srgb, var(--brand) 82%, #000); box-shadow: 0 18px 34px -18px var(--brand); }
:is(#jhc,#jhf) .nav-a:hover, :is(#jhc,#jhf) .nav-dd:hover > .nav-a, :is(#jhc,#jhf) .nav-dd:focus-within > .nav-a{ background: color-mix(in srgb, var(--ink) 7%, transparent); }
:is(#jhc,#jhf) .lm-in{ stroke: var(--paper); }
:is(#jhc,#jhf) .lm-txt{ fill: var(--paper); }
:is(#jhc,#jhf) .who .av, :is(#jhc,#jhf) .faq details[open] .pm{ color: var(--paper); }
:is(#jhc,#jhf) .soc:hover, :is(#jhc,#jhf) .ftr-soc a:hover{ color: var(--paper); }
:is(#jhc,#jhf) .scholar, :is(#jhc,#jhf) .on-dark .ocard, :is(#jhc,#jhf) .sstat, :is(#jhc,#jhf) .social{ background: color-mix(in srgb, var(--paper) 55%, transparent); }
:is(#jhc,#jhf) .hero-art, :is(#jhc,#jhf) .orn{ opacity: .5; }
:is(#jhc,#jhf) .prophet::before{ background: radial-gradient(circle, color-mix(in srgb, var(--paper) 80%, transparent), transparent 66%); }

:is(#jhc,#jhf).jh { container-type: inline-size; container-name: site; }
#jhc .hdr { position: relative; }
.elementor-location-header, .elementor-location-footer, body > header.site-header, body > footer.site-footer { display: none !important; }