:root{--page-title-display:none;}/* Start custom CSS *//* About page — scoped helpers. H1: keep the comma for screen readers/search, hide it visually; title on its own line. */
[data-id="1253470f"] span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-id="1253470f"] br{display:none}
[data-id="1253470f"] em{display:block;font-size:.46em;line-height:1.2;margin-top:.35em;letter-spacing:0}
@media (max-width:767px){[data-id="1253470f"] em{font-size:.55em}}

/* ── Interactive About refinements ── */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
#journey-japan, #journey-switzerland, #journey-specialization, #journey-integration { scroll-margin-top: 24px; }

/* 1. Journey timeline rail */
#hbn-journey { background: #FFF6F0; padding: clamp(8px, 1.5vw, 16px) clamp(24px, 5vw, 72px) clamp(40px, 5vw, 64px); }
#hbn-journey > div { max-width: 1240px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 0; }
#hbn-journey > div > p { font-family: "Raleway", sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: #A58D4D; margin: 0 0 20px; }
#hbn-journey nav { padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; border-top: 1px solid rgba(165,141,77,.45); }
#hbn-journey nav > a { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 24px 0 0; color: inherit; text-decoration: none; }
#hbn-journey nav > a::before { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #FFF6F0; border: 1px solid #A58D4D; transition: background-color .2s ease, transform .2s ease; }
#hbn-journey nav > a > :first-child { font-family: "Raleway", sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #788873; line-height: 1.5; transition: color .2s ease; }
#hbn-journey nav > a > :last-child { font-family: "Playfair Display", serif; font-style: italic; font-size: 17px; line-height: 1.45; color: #315647; }
#hbn-journey nav > a:hover > :first-child, #hbn-journey nav > a:focus-visible > :first-child, #hbn-journey nav > a.is-current > :first-child { color: #A58D4D; }
#hbn-journey nav > a:hover::before, #hbn-journey nav > a:focus-visible::before, #hbn-journey nav > a.is-current::before { background: #A58D4D; transform: scale(1.15); }
#hbn-journey nav > a:focus-visible { outline: 2px solid #A58D4D; outline-offset: 6px; }
@media (max-width: 1024px) { #hbn-journey nav { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; } }
@media (max-width: 767px) {
  #hbn-journey nav { grid-template-columns: 1fr; row-gap: 0; border-top: 0; border-left: 1px solid rgba(165,141,77,.45); margin-left: 4px; }
  #hbn-journey nav > a { padding: 0 0 22px 22px; min-height: 44px; }
  #hbn-journey nav > a::before { top: 3px; left: -5px; }
  #hbn-journey nav > a > :last-child { font-size: 16px; }
}
/* Arrival cue on the chapter's existing eyebrow */
.hbn-arrived [data-id="3a4c40da"], .hbn-arrived [data-id="50b9dbd9"], .hbn-arrived [data-id="699eb7b6"], .hbn-arrived [data-id="66c39b27"] { animation: hbnArrive 1.6s ease; }
@keyframes hbnArrive { 0%, 60% { color: #A58D4D; } 100% { } }

/* 2. Growth stages: selectable columns + explanation */
[data-id="5958d792"] > [role="button"] { cursor: pointer; transition: background-color .2s ease, box-shadow .2s ease; }
[data-id="5958d792"] > [role="button"]:hover, [data-id="5958d792"] > [role="button"].is-selected { background-color: rgba(255,246,240,.05); box-shadow: inset 0 2px 0 0 #E6D3A0; }
[data-id="5958d792"] > [role="button"] img { transition: transform .25s ease; }
[data-id="5958d792"] > [role="button"]:hover img, [data-id="5958d792"] > [role="button"].is-selected img { transform: translateY(-3px); }
[data-id="5958d792"] > [role="button"]:focus-visible { outline: 2px solid #D9C79A; outline-offset: -2px; }
#hbn-stage-detail { max-width: 760px; border-left: 1px solid rgba(217,199,154,.5); padding: 2px 0 2px 20px; gap: 14px; }
#hbn-stage-detail > p { font-family: "Source Sans Pro", sans-serif; font-size: 18px; line-height: 1.6; color: #FFF6F0; margin: 0; }
#hbn-stage-detail > p > span { display: block; font-family: "Raleway", sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #D9C79A; margin-bottom: 6px; }
.hbn-js #hbn-stage-detail.is-enhanced { min-height: 7.2em; }
.hbn-js #hbn-stage-detail.is-enhanced > p:not(.is-active) { display: none; }
.hbn-js #hbn-stage-detail.is-enhanced > p.is-active { animation: hbnFade .25s ease; }
@keyframes hbnFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) { #hbn-stage-detail > p { font-size: 16px; } .hbn-js #hbn-stage-detail.is-enhanced { min-height: 9em; } }

/* 4. Three ways to begin: whole row is the existing link */
#three-ways-to-begin article { position: relative; transition: background-color .2s ease, box-shadow .2s ease; }
#three-ways-to-begin article h3 a::after { content: ""; position: absolute; inset: 0; }
#three-ways-to-begin article > div, #three-ways-to-begin article > div > div { position: static; }
#three-ways-to-begin article:hover, #three-ways-to-begin article:focus-within { background-color: rgba(248,211,181,.22); box-shadow: inset 2px 0 0 0 #A58D4D; }
#three-ways-to-begin article h3 a:focus-visible { outline: none; }
#three-ways-to-begin article:has(a:focus-visible) { outline: 2px solid #A58D4D; outline-offset: 2px; }

/* 5. Credentials accordion: rotating +, smooth height where supported, clear focus */
[data-id="5ad044d9"] details { interpolate-size: allow-keywords; }
[data-id="31806279"] > span { display: inline-block; transition: transform .25s ease; }
[data-id="5ad044d9"] details[open] [data-id="31806279"] > span { transform: rotate(45deg); }
[data-id="5ad044d9"] summary:focus-visible { outline: 2px solid #A58D4D; outline-offset: 4px; }
[data-id="5ad044d9"] details::details-content { height: 0; overflow: clip; transition: height .28s ease, content-visibility .28s allow-discrete; }
[data-id="5ad044d9"] details[open]::details-content { height: auto; }

@media (prefers-reduced-motion: reduce) {
  #hbn-journey nav > a::before, [data-id="5958d792"] > [role="button"], [data-id="5958d792"] > [role="button"] img, .hbn-layers__spot, [data-id="31806279"] > span, [data-id="5ad044d9"] details::details-content { transition: none; }
  .hbn-arrived *, #hbn-stage-detail > p, .hbn-layers__detail p { animation: none !important; }
  [data-id="5958d792"] > [role="button"]:hover img, [data-id="5958d792"] > [role="button"].is-selected img { transform: none; }
}

/* Three pathways cards: gentle lift on pointer devices only (no motion on touch or with reduced motion). */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .elementor [data-id="426fd9bc"], .elementor [data-id="132c532f"], .elementor [data-id="8f651c4"] { transition: transform .25s ease, box-shadow .25s ease; }
  .elementor [data-id="426fd9bc"]:hover, .elementor [data-id="132c532f"]:hover, .elementor [data-id="8f651c4"]:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -16px rgba(49,86,71,.34); }
}/* End custom CSS */