@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --navy: #003974; --navy-deep: #002B57; --sky: #2492D1; --sky-t: #1773B0; --lime: #B1BB0D;
  --s50: #F2F8FC; --s100: #E9F4FA; --s200: #CAE5F4; --l100: #F3F4D8; --l200: #ECEFC5; --l300: #D8DD86;
  --txt: #26313F; --mut: #55627A; --line: #D9E6EF;
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --gut: clamp(16px, 4vw, 40px);
  --radius: 14px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 100px; }
body { margin: 0; font-family: var(--font); font-size: 17px; line-height: 1.65; color: var(--txt); background: var(--navy) linear-gradient(#fff, #fff) 0 0 / 100% 100% no-repeat; overflow-wrap: break-word; }
@media (min-width: 900px) { body { font-size: 17.5px; } }
img { max-width: 100%; }
a { color: var(--sky-t); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--navy); }
:focus-visible { outline: 3px solid var(--sky); outline-offset: 2px; border-radius: 3px; }
h1, h2, h3, h4 { color: var(--navy); line-height: 1.25; text-wrap: balance; }
button, input, textarea, select { font: inherit; color: inherit; }
.wrap { max-width: 1200px; margin: 0 auto; padding-left: var(--gut); padding-right: var(--gut); }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.h { position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
html:not([lang="bg"]) .l-bg { display: none !important; }
html:not([lang="en"]) .l-en { display: none !important; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--navy); color: #fff; padding: 10px 16px; border-radius: 0 0 10px 10px; font-weight: 700; text-decoration: none; }
.skip:focus { top: 0; color: #fff; }
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
}
html:active-view-transition .hdr { view-transition-name: hdr; }
html:active-view-transition:not(.nav-wait, :active-view-transition-type(skel)) .page .head { view-transition-name: band; }
::view-transition-group(band) { animation-duration: .45s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
::view-transition-old(band) { animation: vt-fade-out .34s ease both; mix-blend-mode: plus-lighter; }
::view-transition-new(band) { animation: vt-fade-in .34s ease both; mix-blend-mode: plus-lighter; }
::view-transition { background: linear-gradient(var(--s50), var(--s50)) 0 0 / 100% var(--vt-band, 0px) no-repeat, #fff; }
::view-transition-group(hdr) { animation-duration: .5s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
::view-transition-old(root) { animation: vt-out .18s cubic-bezier(.2, 0, .4, 1) both; }
::view-transition-new(root) { animation: vt-in .5s .12s cubic-bezier(.2, .8, .2, 1) both; }
html:active-view-transition-type(back)::view-transition-old(root) { animation-name: vt-out-back; }
html:active-view-transition-type(back)::view-transition-new(root) { animation-name: vt-in-back; }
html:active-view-transition-type(skel)::view-transition-old(root) { animation: vt-fade-out .36s ease both; mix-blend-mode: plus-lighter; }
html:active-view-transition-type(skel)::view-transition-new(root) { animation: vt-fade-in .36s ease both; mix-blend-mode: plus-lighter; }
@keyframes vt-out { to { opacity: 0; transform: translateY(-10px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(18px); } }
@keyframes vt-out-back { to { opacity: 0; transform: translateY(10px); } }
@keyframes vt-in-back { from { opacity: 0; transform: translateY(-18px); } }
@keyframes vt-fade-out { to { opacity: 0; } }
@keyframes vt-fade-in { from { opacity: 0; } }
@keyframes nav-in { from { opacity: 0; translate: 0 14px; } }
html.nav-in .main { animation: nav-in .5s cubic-bezier(.2, .8, .2, 1) both; }
@property --ink-r { syntax: '<length-percentage>'; inherits: false; initial-value: 0px; }
:root { --b-ink: cubic-bezier(.3, .6, .25, 1); --i-next: url(/images/redesign/icons/arrow-next.svg?v=1); --i-prev: url(/images/redesign/icons/arrow-prev.svg?v=1); --i-out: url(/images/redesign/icons/arrow-out.svg?v=1); }
.btn, .box-more a, .pc-again, a.back, .share a, .share button, .pager-prev, .pager-next, .pc-send button, .ct-cta {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 46px; padding: 0 22px; border: 0; border-radius: 999px; font-size: 15.5px; font-weight: 800; line-height: 1.2;
  white-space: nowrap; text-decoration: none; cursor: pointer;
  transition: background-color .25s, color .25s, box-shadow .25s, translate .7s var(--spring), scale .16s ease-out;
}
.btn { min-height: 54px; padding: 0 28px; font-size: 16.5px; }
.share a, .share button, a.back { min-height: 40px; padding: 0 16px; font-size: 14.5px; }
.btn-primary, .pc-send button, .ct-cta { --ink-bg: var(--lime); --ink-fg: var(--navy-deep); background: var(--navy); color: #fff; }
.btn-ghost, .box-more a, .pc-again, a.back, .share a, .share button, .pager-prev, .pager-next { --ink-bg: var(--navy); --ink-fg: #fff; background: #fff; color: var(--navy); box-shadow: inset 0 0 0 1.5px var(--s200); }
@media (hover: hover) {
  :is(.btn-primary, .pc-send button):not(.has-ink):hover { background: var(--sky-t); color: #fff; }
  :is(.btn-ghost, .box-more a, .pc-again, a.back, .share a, .share button, a.pager-prev, a.pager-next):not(.has-ink):hover { background: var(--navy); color: #fff; box-shadow: none; }
}
@media (hover: none) {
  :is(.btn-primary, .pc-send button):active { background: var(--sky-t); color: #fff; }
  :is(.btn-ghost, .box-more a, .pc-again, a.back, .share a, .share button, a.pager-prev, a.pager-next):active { background: var(--navy); color: #fff; box-shadow: none; }
}
:is(.btn, .box-more a, .pc-again, a.back, .share a, .share button, a.pager-prev, a.pager-next, .pc-send button):active { scale: .97; }
:is(.btn-primary, .box-more a, .pc-again, .pager-next)::after, :is(.btn-primary, .box-more a, .pc-again, .pager-next) > .ink::after,
:is(a.back, .pager-prev)::before, :is(a.back, .pager-prev) > .ink::before, .ct-cta::after, .ct-cta > .ink::after { content: ""; flex: none; width: 1.15em; height: 1.15em; background: currentColor; -webkit-mask: var(--i-next) center / contain no-repeat; mask: var(--i-next) center / contain no-repeat; }
:is(a.back, .pager-prev)::before, :is(a.back, .pager-prev) > .ink::before { -webkit-mask-image: var(--i-prev); mask-image: var(--i-prev); }
.ct-cta::after, .ct-cta > .ink::after { -webkit-mask-image: var(--i-out); mask-image: var(--i-out); }
@keyframes b-next { 0%, 100% { transform: none; opacity: 1; } 45% { transform: translateX(.9em); opacity: 0; } 46% { transform: translateX(-.9em); opacity: 0; } }
@keyframes b-prev { 0%, 100% { transform: none; opacity: 1; } 45% { transform: translateX(-.9em); opacity: 0; } 46% { transform: translateX(.9em); opacity: 0; } }
@keyframes b-out { 0%, 100% { transform: none; opacity: 1; } 45% { transform: translate(.6em, -.6em); opacity: 0; } 46% { transform: translate(-.6em, .6em); opacity: 0; } }
@media (hover: hover) {
  :is(.btn-primary, .box-more a, .pc-again, a.pager-next):hover::after, :is(.btn-primary, .box-more a, .pc-again, a.pager-next):hover > .ink::after { animation: b-next .6s var(--b-ink); }
  :is(a.back, a.pager-prev):hover::before, :is(a.back, a.pager-prev):hover > .ink::before { animation: b-prev .6s var(--b-ink); }
  .ct-frame:hover .ct-cta::after, .ct-frame:hover .ct-cta > .ink::after { animation: b-out .6s var(--b-ink); }
  .pc-send button:hover .pc-arrow { animation: b-next .6s var(--b-ink); }
}
.has-ink { position: relative; isolation: isolate; }
.ink { position: absolute; inset: -1px; z-index: 1; border: 1px solid transparent; display: inherit; flex-direction: inherit; align-items: inherit; justify-content: inherit; justify-items: inherit; gap: inherit; padding: inherit; border-radius: inherit; background: var(--ink-bg, var(--navy)); color: var(--ink-fg, #fff); white-space: inherit; pointer-events: none; user-select: none; clip-path: circle(var(--ink-r) at var(--ix, 50%) var(--iy, 50%)); transition: --ink-r .45s var(--b-ink); }
.ink.is-tint { z-index: -1; }
@media (hover: hover) { :is(.btn, .pc-send button):hover { transition: background-color .25s, color .25s, box-shadow .25s, translate .35s var(--glide), scale .16s ease-out; } }
.icon-btn { --ink-bg: rgb(0 57 116 / .08); }
.icon-btn.has-ink:hover { background: transparent; }
@media (hover: hover) { .has-ink:hover > .ink, .ct-frame:hover .ct-cta > .ink { --ink-r: var(--ink-to, 150%); transition-duration: .65s; } }
@media (prefers-reduced-motion: reduce) {
  .ink { transition: none; }
  .btn, .box-more a, .pc-again, a.back, .share a, .share button, .pager-prev, .pager-next, .pc-send button, .ct-cta { translate: none !important; }
  .btn::after, .btn > .ink::after, .box-more a::after, .pager-next::after, .pager-prev::before, a.back::before, .pc-again::after, .ct-cta::after, .pc-send .pc-arrow, .ink::before, .ink::after { animation: none !important; }
}
@property --mx { syntax: '<length-percentage>'; inherits: true; initial-value: 22%; }
@property --my { syntax: '<length-percentage>'; inherits: true; initial-value: 0%; }
:root { --tb-h: 40px; --hdr-pad: 8px; --row-h: 56px; --cap-out: 8px; --spring: cubic-bezier(.34, 1.45, .5, 1); --glide: cubic-bezier(.2, .8, .2, 1); }
body::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: -1; height: calc(var(--tb-h) + var(--row-h) + 2 * var(--hdr-pad) + 40px); background: var(--s50); pointer-events: none; }
.topbar { color: var(--mut); font-size: 13px; line-height: 1.3; box-shadow: inset 0 -1px rgb(0 57 116 / .08); }
.topbar-in { display: flex; align-items: center; min-height: var(--tb-h); }
.topbar p { margin: 0; }
.topbar .topbar-contact { display: flex; flex-wrap: wrap; margin-right: auto; }
.topbar-contact > * + * { margin-left: 16px; padding-left: 16px; border-left: 1px solid rgb(0 57 116 / .14); }
.topbar a { color: var(--navy); font-weight: 600; text-decoration: none; transition: color .2s; }
.topbar a:hover { color: var(--sky-t); }
.langs { display: flex; padding: 2px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgb(0 57 116 / .13); }
.langs a { display: inline-grid; place-items: center; min-width: 32px; height: 22px; padding: 0 8px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mut); }
.langs a:hover { color: var(--navy); }
.langs a.lang_on { background: var(--navy); color: #fff; }
@media (max-width: 599px) { .topbar-mail { display: none; } }
@media (pointer: coarse) {
  .topbar-contact > a, .langs a { position: relative; }
  .topbar-contact > a::after { content: ""; position: absolute; inset: -12px 0; }
  .langs a::after { content: ""; position: absolute; inset: -11px -1px; }
}
.hdr { position: sticky; top: 0; z-index: 40; padding-block: var(--hdr-pad); pointer-events: none; }
.hdr-in { position: relative; z-index: 0; display: flex; align-items: center; gap: 8px; min-height: var(--row-h); pointer-events: auto; transition: --mx .7s var(--glide), --my .7s var(--glide); }
.hdr-in::before, .hdr-in::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--cap-out)); right: calc(-1 * var(--cap-out)); z-index: -1; border-radius: calc(var(--row-h) / 2); pointer-events: none; opacity: 0; transform: scale(.97, .6); transition: opacity .25s, transform .7s var(--spring); }
.hdr-in::before { background: radial-gradient(280px 120px at var(--mx) var(--my), rgb(255 255 255 / .55), rgb(255 255 255 / 0) 70%) rgb(255 255 255 / .6); -webkit-backdrop-filter: blur(14px) saturate(1.8); backdrop-filter: blur(14px) saturate(1.8); box-shadow: 0 0 0 .5px rgb(0 57 116 / .14), 0 2px 6px -2px rgb(0 57 116 / .12), 0 18px 40px -16px rgb(0 57 116 / .38); }
.hdr.refract .hdr-in::before { background-color: rgb(255 255 255 / .52); -webkit-backdrop-filter: url(#hdr-glass) blur(4px) saturate(1.7); backdrop-filter: url(#hdr-glass) blur(4px) saturate(1.7); }
.hdr-in::after { padding: 1px; background: radial-gradient(200px 70px at var(--mx) var(--my), #fff, rgb(255 255 255 / 0) 75%), linear-gradient(180deg, rgb(255 255 255 / .95), rgb(255 255 255 / .1) 50%, rgb(255 255 255 / .55)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.hdr.scrolled .hdr-in::before, .hdr.scrolled .hdr-in::after { opacity: 1; transform: none; }
.brand { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; margin-right: auto; min-width: 0; text-decoration: none; }
.brand-mark { width: auto; height: 34px; flex: none; }
.brand-text { display: block; line-height: 1.05; min-width: 0; }
.brand-text small { display: block; margin-bottom: 3px; font-size: 9.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--sky-t); }
.brand-text strong { display: block; font-size: clamp(14px, 4vw, 16px); font-weight: 800; letter-spacing: -.01em; color: var(--navy); }
.brand:hover strong { color: var(--sky-t); }
.hdr-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 2px; flex: none; }
.icon-btn { display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--navy); cursor: pointer; transition: background-color .2s, color .2s, transform .4s var(--spring); }
.icon-btn:hover { background: rgb(0 57 116 / .07); }
.icon-btn:active { transform: scale(.88); }
.icon-btn svg { grid-area: 1 / 1; width: 20px; height: 20px; transition: opacity .2s, transform .45s var(--spring); }
.search-toggle .i-x, .hdr.search-open .search-toggle .i-search { opacity: 0; transform: rotate(-90deg) scale(.5); }
.hdr.search-open .search-toggle .i-x { opacity: 1; transform: none; }
.hdr.search-open .search-toggle, .hdr.open .burger { background: var(--navy); color: #fff; }
.burger { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.burger i { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .45s var(--spring), opacity .2s; }
.hdr.open .burger i:nth-of-type(1) { transform: translateY(6px) rotate(45deg); }
.hdr.open .burger i:nth-of-type(2) { opacity: 0; }
.hdr.open .burger i:nth-of-type(3) { transform: translateY(-6px) rotate(-45deg); }
.menu { list-style: none; margin: 0; padding: 0; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu a { display: block; color: var(--navy); text-decoration: none; }
.menu-lens { display: none; }
.search-in { position: relative; display: flex; }
.search input { flex: 1; min-width: 0; height: 48px; padding: 0 54px 0 20px; border: 1px solid rgb(0 57 116 / .12); border-radius: 999px; background: rgb(255 255 255 / .85); -webkit-appearance: none; appearance: none; transition: border-color .2s, box-shadow .2s; }
.search input:focus { outline: none; border-color: var(--sky); background: #fff; box-shadow: 0 0 0 4px rgb(36 146 209 / .16); }
.search button { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--navy); color: #fff; cursor: pointer; transition: background-color .2s; }
.search button:hover { background: var(--sky-t); }
.search button svg { width: 18px; height: 18px; }
.search-btn-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 1099px) {
  .nav { position: absolute; top: 0; left: calc(-1 * var(--cap-out)); right: calc(-1 * var(--cap-out)); z-index: 0; max-height: calc(100vh - var(--tb-h) - 2 * var(--hdr-pad)); max-height: calc(100dvh - var(--tb-h) - 2 * var(--hdr-pad)); overflow-y: auto; overscroll-behavior: contain; padding: calc(var(--row-h) + 4px) 10px 14px; border-radius: 28px; background: rgb(255 255 255 / .86); -webkit-backdrop-filter: blur(24px) saturate(1.8); backdrop-filter: blur(24px) saturate(1.8); box-shadow: inset 0 1px 0 #fff, 0 0 0 .5px rgb(0 57 116 / .14), 0 30px 60px -24px rgb(0 57 116 / .45); visibility: hidden; opacity: 0; clip-path: inset(0 0 calc(100% - var(--row-h)) 0 round calc(var(--row-h) / 2)); transition: clip-path .6s var(--glide), opacity .2s .15s, visibility 0s .6s; }
  .hdr.open .nav { visibility: visible; opacity: 1; clip-path: inset(-40px -40px -70px round 28px); transition: clip-path .65s var(--glide), opacity .12s, visibility 0s; }
  .hdr.open .hdr-in::before, .hdr.open .hdr-in::after { opacity: 0; }
  .search, .menu > li { opacity: 0; transform: translateY(-8px); transition: opacity .2s, transform .5s var(--glide); }
  .hdr.open .search, .hdr.open .menu > li { opacity: 1; transform: none; }
  .hdr.open .search { transition-delay: .06s; }
  .hdr.open .menu > li:nth-child(1) { transition-delay: .1s; }
  .hdr.open .menu > li:nth-child(2) { transition-delay: .13s; }
  .hdr.open .menu > li:nth-child(3) { transition-delay: .16s; }
  .hdr.open .menu > li:nth-child(4) { transition-delay: .19s; }
  .hdr.open .menu > li:nth-child(n+5) { transition-delay: .22s; }

  .search { margin: 2px 0 10px; }
  .search input { height: 44px; padding: 0 16px 0 44px; border: 0; background: rgb(0 57 116 / .05); font-size: 16px; }
  .search input:focus { box-shadow: 0 0 0 1.5px var(--sky), 0 0 0 5px rgb(36 146 209 / .14); }
  .search button { top: 2px; left: 4px; right: auto; background: transparent; color: rgb(0 57 116 / .55); }
  .search button:hover { background: transparent; color: var(--navy); }
  .menu a { padding: 10px 12px; border-radius: 12px; font-weight: 600; font-size: 16.5px; line-height: 1.35; transition: background-color .2s; }
  .menu a:hover, .menu a:active { background: rgb(0 57 116 / .05); }
  .menu > li + li { margin-top: 2px; }
  .menu ul { margin: 0 0 6px; padding-left: 12px; }
  .menu > li:last-child > a { margin-bottom: -4px; }
  .menu ul a { padding: 8px 12px; font-weight: 500; font-size: 15px; color: var(--mut); }
  .menu li.Active > a { color: var(--navy); }
  .menu li.Active:not(:has(li.Active)) > a { background: rgb(0 57 116 / .07); font-weight: 600; }

  .search-toggle { transition: background-color .2s, color .2s, transform .4s var(--spring), opacity .2s; }
  .hdr.open .search-toggle { opacity: 0; transform: scale(.6); pointer-events: none; }
  .hdr.open .burger { background: rgb(0 57 116 / .07); color: var(--navy); }

  html:not(.js) .hdr { position: static; }
  html:not(.js) .hdr-in { flex-wrap: wrap; }
  html:not(.js) .nav { position: static; flex-basis: 100%; max-height: none; padding: 8px 0 0; visibility: visible; opacity: 1; clip-path: none; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html:not(.js) .nav > *, html:not(.js) .menu > li { opacity: 1; transform: none; }
  html:not(.js) .search-toggle { display: none; }
}
@media (min-width: 1100px) {
  :root { --hdr-pad: 10px; --row-h: 64px; --cap-out: 12px; }
  .hdr-in { gap: 10px; }
  .brand { gap: 12px; }
  .brand-mark { height: 44px; }
  .brand-text small { font-size: 10px; }
  .brand-text strong { font-size: 18.5px; }
  .burger { display: none; }
  .nav { position: relative; display: flex; flex: 1; align-self: stretch; justify-content: flex-end; min-width: 0; }
  .menu { position: relative; z-index: 1; display: flex; }
  .menu > li { position: relative; display: flex; align-items: center; transition: opacity .3s, transform .55s var(--glide), filter .35s; }
  .menu > li > a { padding: 10px 15px; border-radius: 999px; font-size: 15px; font-weight: 600; line-height: 20px; white-space: nowrap; color: rgb(0 57 116 / .8); transition: color .2s, background-color .2s; }
  .menu > li > a:hover, .menu > li.Active > a { color: var(--navy); }
  .menu > li > a:hover { background: rgb(0 57 116 / .06); }
  .nav.has-lens .menu > li > a:hover { background: none; }
  .menu > li:has(> ul) > a::after { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: .55; transition: transform .4s var(--spring); }
  .menu > li:hover > a::after, .menu > li:focus-within > a::after { transform: translateY(2px) rotate(45deg); }

  .menu-lens { display: block; position: absolute; left: 0; top: 50%; z-index: 0; width: 0; height: 40px; border-radius: 999px; opacity: 0; pointer-events: none; background: linear-gradient(180deg, #fff, rgb(255 255 255 / .55)); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 1px rgb(0 57 116 / .06), 0 0 0 .5px rgb(0 57 116 / .14), 0 4px 12px -5px rgb(0 57 116 / .35); transition: opacity .3s; }
  .menu-lens.on { opacity: 1; }

  .menu ul { position: absolute; top: calc(50% + 26px); left: 0; z-index: 50; min-width: 168px; padding: 4px; border-radius: 15px; white-space: nowrap; background: rgb(255 255 255 / .74); -webkit-backdrop-filter: blur(24px) saturate(1.8); backdrop-filter: blur(24px) saturate(1.8); box-shadow: inset 0 1px 0 #fff, 0 0 0 .5px rgb(0 57 116 / .14), 0 24px 48px -18px rgb(0 57 116 / .42); visibility: hidden; opacity: 0; transform: translateY(-6px) scale(.94); transform-origin: 40px -10px; transition: opacity .18s, transform .55s var(--spring), visibility 0s .55s; }

  .menu > li:has(> ul)::after { content: ""; position: absolute; left: 0; right: 0; top: calc(50% + 20px); height: calc(50% - 10px); }

  .hdr.scrolled .menu ul { top: calc(100% + 8px); }
  .menu ul { pointer-events: none; }
  .menu > li:hover > ul, .menu > li:focus-within > ul { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; pointer-events: auto; }
  .menu ul li { opacity: 0; transform: translateY(-4px); transition: opacity .2s, transform .4s var(--glide); }
  .menu > li:hover > ul li, .menu > li:focus-within > ul li { opacity: 1; transform: none; }
  .menu ul li:nth-child(2) { transition-delay: .03s; }
  .menu ul li:nth-child(3) { transition-delay: .06s; }
  .menu ul li:nth-child(n+4) { transition-delay: .09s; }
  .menu ul a { padding: 7px 12px; border-radius: 11px; font-size: 14px; font-weight: 600; line-height: 20px; transition: background-color .2s; }
  .menu ul a:hover, .menu ul li.Active > a { background: rgb(0 57 116 / .06); }

  .search { position: absolute; top: 50%; right: 0; z-index: 2; width: 44px; max-width: 100%; margin: -22px 0 0; visibility: hidden; opacity: 0; transform: translateX(10px) scale(.5); transform-origin: 100% 50%; transition: width .42s cubic-bezier(.3, 0, .2, 1), transform .24s cubic-bezier(.5, 0, .75, 0) .28s, opacity .16s .36s, visibility 0s .52s; }
  .hdr.search-open .search { visibility: visible; opacity: 1; width: 600px; transform: none; transition: opacity .12s, transform .45s var(--spring), width .85s cubic-bezier(.2, 1.22, .36, 1) .06s, visibility 0s; }
  .search input { height: 44px; padding-right: 50px; font-size: 15.5px; box-shadow: 0 8px 22px -14px rgb(0 57 116 / .5); }
  .search input:focus { box-shadow: 0 0 0 3px rgb(36 146 209 / .14), 0 8px 22px -14px rgb(0 57 116 / .5); }
  .search input::placeholder { opacity: 0; transition: opacity .15s; }
  .hdr.search-open .search input::placeholder { opacity: 1; transition: opacity .35s .38s; }
  .search button { width: 36px; height: 36px; }
  .hdr.search-open .menu > li { opacity: 0; transform: translateX(-18px) scale(.96); filter: blur(4px); transition-duration: .25s, .5s, .3s; transition-delay: 0s; }
  .hdr.search-open .menu > li:nth-last-child(2) { transition-delay: .05s; }
  .hdr.search-open .menu > li:nth-last-child(3) { transition-delay: .1s; }
  .hdr.search-open .menu > li:nth-last-child(n+4) { transition-delay: .15s; }
  .menu > li:nth-child(1) { transition-delay: .12s; }
  .menu > li:nth-child(2) { transition-delay: .16s; }
  .menu > li:nth-child(3) { transition-delay: .2s; }
  .menu > li:nth-child(4) { transition-delay: .24s; }
  .menu > li:nth-child(n+5) { transition-delay: .28s; }
  .hdr.search-open .menu-lens { opacity: 0; }
  .hdr.search-open .menu { pointer-events: none; }
  html:not(.js) .nav { flex-wrap: wrap; }
  html:not(.js) .search { position: static; order: 2; width: 100%; margin: 6px 0 8px; visibility: visible; opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hdr-in, .hdr-in::before, .hdr-in::after, .icon-btn, .icon-btn svg, .burger i, .nav, .search, .menu > li, .menu ul, .menu ul li, .menu > li > a::after { transition-duration: .01s !important; transition-delay: 0s !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .hdr-in::before, .hdr.open .nav, .menu ul { background: #fff; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .hdr-in::before { background-color: rgb(255 255 255 / .95); }
  .hdr.open .nav, .menu ul { background: #fff; }
}
.layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.head { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding-block: 28px 26px; margin-bottom: 40px; background: var(--s50); box-shadow: 0 0 0 100vmax var(--s50); clip-path: inset(0 -100vmax); }
.head::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--navy); box-shadow: 0 0 0 100vmax var(--navy); clip-path: inset(0 -100vmax); }
.head h1 { margin: 8px 0 0; font-size: clamp(28px, 4.4vw, 46px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; max-width: 26ch; }
.eyebrow { display: none; margin: 0; font-size: 12.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--sky-t); }
.head-cta { display: none; }
.crumbs { font-size: 14px; color: var(--mut); }
.crumbs:empty { display: none; }
.crumbs img { display: none; }
.crumbs a { color: var(--sky-t); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
@media (pointer: coarse) { .crumbs a { padding-block: 10px; } }
.crumbs a:not(:first-child)::before { content: "/"; display: inline-block; margin: 0 .55em; color: #9DB8CC; text-decoration: none; }
.crumbs a.black { color: var(--mut); }
.page .head::after { content: ""; display: block; width: 100%; aspect-ratio: 760 / 300; margin: 22px 0 -26px; background: url(/images/redesign/head-town.svg?v=3) 50% 100% / contain no-repeat; }
@media (min-width: 760px) {
  .page .head { min-height: calc(min(48vw, 620px) * 300 / 760 + 60px); padding-right: calc(min(48vw, 620px) + 32px); }
  .page .head::after { position: absolute; right: 0; bottom: 1px; width: min(48vw, 620px); margin: 0; }
}
.side { min-width: 0; }
.content { min-width: 0; }
.page .content { padding-bottom: 72px; }
@media (max-width: 1099px) { .page .content:has(> .article) { max-width: 860px; } }
.page .content > :is(table[border="0"], table:not([border])) { max-width: 980px; }
.page .content > p, .page .content > ul, .page .content > ol, .page .content > h2, .page .content > h3 { max-width: 72ch; }
.is-blank { display: none !important; }
.street { display: none; }
.feed { display: none; }
@media (min-width: 1100px) { .head { padding-block: 36px 34px; } }
.h1-home, .docs { display: none; }
.pageHome .main { display: grid; grid-template-columns: [full-start] minmax(var(--gut), 1fr) [c-start] minmax(0, calc(1200px - 2 * var(--gut))) [c-end] minmax(var(--gut), 1fr) [full-end]; }
.pageHome .stage, .pageHome .layout, .pageHome .head, .pageHome .content { display: contents; }
.pageHome .head > *, .pageHome .content > *, .pageHome .side { grid-column: c-start / c-end; min-width: 0; }
.pageHome .head::before, .pageHome .crumbs, .pageHome .h1-page { display: none; }
.pageHome .h1-home { display: inline; }
.pageHome .street { grid-column: full-start / full-end; grid-row: 1 / 5; display: block; background: url(/images/redesign/hero-book.svg?v=2) calc(50% - 149px) 100% / auto 270px no-repeat, linear-gradient(var(--navy), var(--navy)) 0 100% / 100% 2.5px no-repeat, var(--s50); }
.pageHome .head h1, .pageHome .content > p:first-of-type, .pageHome .head-cta { position: relative; z-index: 1; }
.pageHome .head h1 { grid-row: 2; margin: clamp(40px, 5.5vw, 72px) 0 0; max-width: 13em; font-size: clamp(34px, 5vw, 54px); line-height: 1.06; letter-spacing: -.03em; }
.pageHome .content > p:first-of-type { grid-row: 3; margin: 20px 0 0; max-width: 31em; font-size: clamp(16.5px, 1.6vw, 19px); line-height: 1.6; }
.pageHome .head-cta { grid-row: 4; display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 260px; }
@media (max-width: 599px) { .pageHome .head-cta { flex-direction: column; gap: 10px; } .pageHome .head-cta .btn { justify-content: center; } }
@media (min-width: 760px) {
  .pageHome .street { background-position: calc(50% - 143px) 100%, 0 100%, 0 0; background-size: auto 360px, 100% 2.5px, auto; }
  .pageHome .head-cta { margin-bottom: 340px; }
}
@media (min-width: 1100px) {

  .pageHome .street { background-position: 50% 100%, 0 100%, 0 0; background-size: auto 452px, 100% 2.5px, auto; }
  .pageHome .head-cta { margin-bottom: 178px; }
}
.pageHome .content > p:not(:first-of-type) { margin: clamp(40px, 5vw, 56px) 0 0; max-width: 72ch; }
.pageHome .content > h3 { margin: clamp(56px, 7vw, 88px) 0 28px; max-width: 28ch; font-size: clamp(24px, 2.8vw, 32px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; color: var(--navy); }
.pageHome .content > ul { list-style: none; display: grid; gap: 20px; margin: 0 0 clamp(56px, 7vw, 88px); padding: 0; }
.pageHome .content > ul:not(:has(li)) { display: none; }
.pageHome .content > ul > li { --panel: var(--sky); --art: url(/images/redesign/goal-access.svg?v=4); display: flex; flex-direction: column; margin: 0; padding: 10px 28px 30px; border-radius: 26px; background: var(--s100); font-size: 16px; line-height: 1.6; color: var(--txt); }
.pageHome .content > ul > li:nth-child(3n+2) { --panel: var(--lime); --art: url(/images/redesign/goal-learning.svg?v=2); background: var(--l100); }
.pageHome .content > ul > li:nth-child(3n) { --panel: var(--navy); --art: url(/images/redesign/goal-chitalishte.svg?v=4); }
.pageHome .content > ul > li::before { content: ""; order: -2; aspect-ratio: 400 / 268; margin: 0 -18px 26px; border-radius: 18px; background: var(--panel) var(--art) 50% 100% / 100% auto no-repeat; }
.pageHome .content > ul > li::after { order: -1; margin: 0 0 8px; font-size: clamp(21px, 2vw, 24px); font-weight: 800; line-height: 1.15; letter-spacing: -.015em; color: var(--navy); }
html[lang="bg"] .pageHome .content > ul > li:nth-child(1)::after { content: "Равен достъп"; }
html[lang="bg"] .pageHome .content > ul > li:nth-child(2)::after { content: "Образование и обучение"; }
html[lang="bg"] .pageHome .content > ul > li:nth-child(3)::after { content: "Силно читалище"; }
html[lang="en"] .pageHome .content > ul > li:nth-child(1)::after { content: "Equal access"; }
html[lang="en"] .pageHome .content > ul > li:nth-child(2)::after { content: "Learning and training"; }
html[lang="en"] .pageHome .content > ul > li:nth-child(3)::after { content: "A stronger community centre"; }
@media (min-width: 600px) and (max-width: 1099px) {
  .pageHome .content > ul > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; align-items: start; column-gap: 32px; padding: 24px 32px 24px 12px; }
  .pageHome .content > ul > li::before { grid-column: 1; grid-row: 1 / span 2; align-self: center; margin: -12px 0; }
  .pageHome .content > ul > li::after { grid-column: 2; grid-row: 1; align-self: end; margin: 0 0 10px; }
}
@media (min-width: 1100px) {
  .pageHome .content > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pageHome .content > ul > li { padding: 32px 30px 10px; }
  .pageHome .content > ul > li::before { order: 1; flex: 1 0 auto; margin: 26px -20px 0; }
  .pageHome .content > ul > li::after { margin-bottom: 10px; }

  .pageHome .content > ul > li:nth-child(3n+2) { padding: 10px 30px 32px; }
  .pageHome .content > ul > li:nth-child(3n+2)::before { order: -2; margin: 0 -20px 26px; }
}
.pageHome .feed { grid-column: full-start / full-end; order: 1; display: block; padding-block: clamp(48px, 6vw, 80px); background: var(--s50); }
.feed-in { display: grid; gap: 40px; grid-template-columns: minmax(0, 1fr); }
.feed .box { margin: 0; }
.feed .box-events { order: 2; padding: 22px 22px 12px; border-radius: 18px; background: #fff; }
.feed .box-h { margin-bottom: 8px; padding: 0; border: 0; font-size: clamp(26px, 3.2vw, 34px); letter-spacing: -.02em; text-transform: lowercase; color: var(--navy); }
.feed .box-h::first-letter { text-transform: uppercase; }
.feed .box-events .box-h { font-size: 22px; }
.feed .box-news { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 16px; }
.feed .box-news > .box-h { grid-column: 1; margin-bottom: 22px; }
.feed .box-news > .box-more { grid-column: 2; grid-row: 1; margin: 0; }
.feed .box-news > .nb-list { grid-column: 1 / -1; }
@media (max-width: 599px) {
  .feed .nb-list { grid-auto-flow: column; grid-auto-columns: 84%; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--gut)); padding: 4px var(--gut) 14px; scroll-padding-inline: var(--gut); scrollbar-width: none; }
  .feed .nb-list::-webkit-scrollbar { display: none; }
  .feed .nb { scroll-snap-align: start; }
}
@media (min-width: 600px) { .feed .nb-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .feed .nb-list > .nb:nth-child(3):last-child { grid-column: 1 / -1; } }
@media (min-width: 900px) {
  .feed .nb-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feed .nb-list > .nb:nth-child(3):last-child { grid-column: auto; }
  .feed .box-events { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: 32px; }
  .feed .box-events > .box-h { grid-column: 1 / -1; }
}
.pageHome .side { order: 2; display: block; margin: 0; padding: 0; }
.side .box.box-accents { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; border-radius: 0; background: var(--s100); box-shadow: 0 0 0 100vmax var(--s100); clip-path: inset(0 -100vmax); }
.side .box.box-accents::before { content: ""; position: absolute; left: -100vmax; right: 0; bottom: 0; height: 3px; background: var(--navy); }
.side .acc-side { display: flex; flex-direction: column; align-items: flex-start; padding-top: clamp(40px, 6vw, 72px); }
.side .box.box-accents .box-h { margin: 0; padding: 0; border: 0; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.1; letter-spacing: -.025em; text-transform: lowercase; color: var(--navy); }
.side .box.box-accents .box-h::first-letter { text-transform: uppercase; }
.side .acc-lead { margin: 12px 0 0; max-width: 26em; font-size: 16.5px; line-height: 1.55; color: var(--mut); }
.side .acc-fb { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; color: var(--navy); font-weight: 700; text-decoration: none; }
.side .acc-fb svg { flex: none; width: 36px; height: 36px; padding: 7px; border-radius: 50%; box-sizing: border-box; background: var(--navy); color: #fff; transition: transform .5s var(--spring); }
.side .acc-fb:hover { color: var(--navy); text-decoration: underline; text-underline-offset: .2em; }
.side .acc-fb:hover svg { transform: scale(1.1); }
.side .acc-art { display: block; align-self: center; width: min(100%, 360px); aspect-ratio: 400 / 340; margin-top: 32px; background: url(/images/redesign/accents-board.svg) 50% 100% / contain no-repeat; }
.side .box.box-accents .box-body { display: flex; flex-direction: column; justify-content: center; padding: clamp(36px, 6vw, 72px) 0; background: var(--navy); box-shadow: 0 0 0 100vmax var(--navy); clip-path: inset(0 -100vmax); font-size: 0; counter-reset: acc; }
.side .box.box-accents .box-body::after { content: ""; border-top: 1px solid rgb(255 255 255 / .16); }
.side .box.box-accents .box-body p { margin: 0; padding: 0; border: 0; border-top: 1px solid rgb(255 255 255 / .16); font-size: 17.5px; line-height: 1.4; }
.side .box.box-accents .box-body > br, .side .box.box-accents .box-body p > br { display: none; }
.side .box.box-accents .box-body p:not(:has(a)) { margin-top: -6px; padding: 0 46px 18px 52px; border-top: 0; font-size: 15px; font-weight: 500; line-height: 1.55; color: rgb(255 255 255 / .74); }
.side .box.box-accents .box-body a { counter-increment: acc; display: grid; grid-template-columns: 40px minmax(0, 1fr) 34px; align-items: center; column-gap: 12px; margin: 6px -14px; padding: 14px; border-radius: 0; background: linear-gradient(var(--l300), var(--l300)) 0 50% / 3px 0 no-repeat, linear-gradient(90deg, rgb(255 255 255 / .13), rgb(255 255 255 / .04) 60%, rgb(255 255 255 / 0)) 0 0 / 0 100% no-repeat; color: #fff; font-weight: 600; text-decoration: none; transition: background-size .6s var(--glide), opacity .35s ease; }
.side .box.box-accents .box-body a::before { content: counter(acc, decimal-leading-zero); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--l300); transition: transform .5s var(--glide); }
.side .box.box-accents .box-body a::after { content: "→"; align-self: center; justify-self: end; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .2); color: var(--s200); font-size: 16px; transition: background-color .3s, color .3s, box-shadow .3s, transform .55s var(--spring); }
.side .box.box-accents .box-body a:is(:hover, :focus-visible) { background-size: 3px 100%, 100% 100%; color: #fff; text-decoration: none; }
.side .box.box-accents .box-body a:is(:hover, :focus-visible)::before { transform: translateX(6px); }
.side .box.box-accents .box-body a:is(:hover, :focus-visible)::after { background-color: var(--l300); box-shadow: none; color: var(--navy); transform: translateX(6px); }
.side .box.box-accents .box-body:has(a:is(:hover, :focus-visible)) a:not(:hover, :focus-visible) { opacity: .55; }
.side .box.box-accents .box-body a:focus-visible { outline: 2px solid var(--l300); outline-offset: 2px; }
@media (min-width: 900px) {
  .side .box.box-accents { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
  .side .acc-side { padding: 72px 48px 0 0; }
  .side .acc-art { align-self: stretch; width: auto; margin-top: auto; padding-top: 40px; background-origin: content-box; }
  .side .box.box-accents .box-body { padding: 64px 0 64px 56px; clip-path: inset(0 -100vmax 0 0); }
}
@media (prefers-reduced-motion: reduce) { .side .box.box-accents .box-body a, .side .box.box-accents .box-body a::before, .side .box.box-accents .box-body a::after, .side .acc-fb svg { transition: none; } }
.side > div:has(> iframe[src*="facebook.com/plugins/likebox"]), .box-accents p:has(img[src*="techsoup"]) { display: none; }
.pageHome .docs { grid-column: full-start / full-end; order: 3; display: block; padding-block: clamp(36px, 4vw, 48px) clamp(48px, 6vw, 72px); border-top: 1px solid var(--line); }
.docs-h { margin: 0 0 18px; font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.docs-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 0; padding: 0; }
.docs-list a { --ink-bg: var(--navy); --ink-fg: #fff; display: flex; align-items: center; gap: 14px; height: 100%; min-height: 64px; padding: 14px 18px; border-radius: 14px; background: #fff; color: var(--navy); font-weight: 800; line-height: 1.35; text-decoration: none; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .2s, background-color .2s, scale .16s ease-out; }
.docs-list a::before, .docs-list a > .ink::before { content: ""; flex: none; width: 32px; height: 32px; background: url(/images/redesign/icon-document.svg) center / contain no-repeat; }
.docs-list a > .ink::before { filter: brightness(0) invert(1); }
.docs-list a:not(.has-ink):hover { box-shadow: inset 0 0 0 1px var(--s200); background: var(--s50); color: var(--navy); }
.docs-list a:active { scale: .98; }
.box { margin: 0 0 24px; }
.side .box { padding: 22px 22px 16px; border-radius: 18px; background: var(--s50); }
.box-h { margin: 0 0 6px; padding-bottom: 10px; font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); border-bottom: 3px solid var(--l300); }
.box-more { margin: 16px 0 0; }
.side .box-body { font-size: 15.5px; }
.box-accents .box-body p { margin: 0; padding: 11px 0; border-bottom: 1px solid var(--line); line-height: 1.45; }
.box-accents .box-body p:last-child, .box-accents .box-body p:has(img), .box-accents .box-body p:not(:has(*)) { border: 0; }
.box-accents .box-body > br, .box-accents .box-body p:empty { display: none; }
.box-accents .box-body a { color: var(--navy); font-weight: 700; text-decoration: none; }
.box-accents .box-body a:hover { color: var(--sky-t); text-decoration: underline; }
.side iframe { max-width: 100%; margin-bottom: 24px; border-radius: 12px; }
.page .side > .box:not(.box-accents) { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; margin: 0 0 64px; padding: 0; border-radius: 0; background: none; }
.page .side > .box:not(.box-accents) > .box-h { grid-column: 1 / -1; margin: 0 0 6px; padding: 0; border: 0; font-size: clamp(24px, 2.8vw, 30px); letter-spacing: -.02em; text-transform: lowercase; color: var(--navy); }
.page .side > .box:not(.box-accents) > .box-h::first-letter { text-transform: uppercase; }
.page .side > .box:not(.box-accents) > :is(.nb, .ev) { position: relative; display: block; margin: 0; padding: 18px 20px 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .25s, scale .16s ease-out; }
.page .side > .box:not(.box-accents) > :is(.nb, .ev):hover { transform: translateY(-2px); border-color: var(--s200); box-shadow: 0 14px 28px -20px rgb(0 57 116 / .4); }
.page .side > .box:not(.box-accents) :is(.nb-title, .ev-title) a::after { content: ""; position: absolute; inset: 0; }
.page .side > .box:not(.box-accents) .ev .ev-date { display: inline-block; margin: 0 0 10px; }
.page .side > .box:not(.box-accents) .nb .nb-desc { -webkit-line-clamp: 3; }
.nb-list { display: grid; gap: 24px; }
.nb { position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 18px; background: #fff; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, scale .16s ease-out; }
.nb:hover { transform: translateY(-3px); border-color: var(--s200); box-shadow: 0 18px 36px -22px rgb(0 57 116 / .4); }
.nb:has(.nb-title a:focus-visible) { outline: 3px solid var(--sky); outline-offset: 3px; }
.nb .nb-pic { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--s100); }
.nb .nb-pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 28%; transition: transform .6s ease; }
.nb .nb-pic img[src*="news-placeholder"] { object-position: 50% 78%; }
.nb .nb-pic.is-fit { position: relative; }
.nb .nb-pic.is-fit::before { content: ""; position: absolute; inset: -24px; background: var(--pic) center / cover; filter: blur(18px) saturate(1.15); opacity: .7; }
.nb .nb-pic.is-fit img { position: relative; object-fit: scale-down; object-position: 50% 50%; }
.nb:hover .nb-pic img { transform: scale(1.04); }
.nb .nb-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 22px; }
.nb .nb-date { position: absolute; z-index: 2; top: 12px; left: 12px; margin: 0; padding: 5px 11px; border-radius: 999px; background: rgb(255 255 255 / .94); box-shadow: 0 2px 10px -3px rgb(0 57 116 / .35); font-size: 12.5px; font-weight: 800; line-height: 1.4; letter-spacing: .04em; color: var(--navy); font-variant-numeric: tabular-nums; pointer-events: none; }
.nb .nb-title { margin: 0 0 8px; font-size: 18px; line-height: 1.32; font-weight: 800; letter-spacing: -.01em; }
.nb-title a { color: var(--navy); text-decoration: none; }
.nb-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.nb-title a:focus-visible { outline: none; }
.nb:hover .nb-title a { color: var(--sky-t); }
.nb .nb-desc { font-size: 15px; line-height: 1.55; color: var(--mut); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nb-file { font-weight: 500; font-size: 14px; color: var(--mut); }
.nb.nb-text { display: block; padding: 18px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; overflow: visible; transform: none; box-shadow: none; }
.nb-list > .nb-text:first-child, .box-h + .nb-text { border-top: 0; }
.nb-text .nb-body { padding: 0; }
.nb.nb-text .nb-date { position: static; margin: 0 0 4px; padding: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--sky-t); }
.nb-text .nb-title a::after { content: none; }
.nb-text .nb-title a:hover { text-decoration: underline; }
.nb-page .nb-text .nb-title { font-size: clamp(18px, 2.2vw, 21px); }
.box-compact .nb { padding: 14px 0; }
.box-compact .nb .nb-title { font-size: 16px; }
.box-compact .nb .nb-desc { font-size: 14.5px; -webkit-line-clamp: 2; }
.nb-page { gap: 26px; }
@media (min-width: 700px) {
  .nb-page:has(> .nb .nb-pic) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nb-page > .nb:first-child:has(.nb-pic) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
  .nb-page > .nb:first-child .nb-pic { aspect-ratio: auto; min-height: 280px; }
  .nb-page > .nb:first-child .nb-body { justify-content: center; padding: 30px 32px 32px; }
  .nb-page > .nb:first-child .nb-title { font-size: clamp(22px, 2.3vw, 27px); }
  .nb-page > .nb:first-child .nb-desc { -webkit-line-clamp: 5; font-size: 16px; }
}
@media (min-width: 1000px) {
  .nb-page:has(> .nb .nb-pic) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nb-page > .nb:first-child:has(.nb-pic) { grid-column: 1 / span 2; }
}
.ev { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; padding: 12px 0; border-top: 1px solid var(--line); }
.box-h + .ev, .ev-list > .ev:first-child { border-top: 0; }
.ev .ev-date { margin: 2px 0 0; padding: 3px 9px; border-radius: 7px; background: var(--navy); color: #fff; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ev .ev-title { margin: 0; font-weight: 700; line-height: 1.4; }
.ev-title a { color: var(--navy); text-decoration: none; }
.ev-title a:hover { color: var(--sky-t); text-decoration: underline; }
.side .ev-title { font-size: 15.5px; }
.news-empty { margin: 0; padding: 32px 0 8px; font-size: 18px; font-weight: 600; line-height: 1.5; color: var(--mut); }
.pager { container-type: inline-size; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px 12px; margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--line); }
.pager:not(:has(a)) { display: none; }
.pager-prev, .pager-next { gap: 8px; padding: 0 20px; font-size: 15px; }
.pager-prev { grid-column: 1; }
.pager-next { grid-column: 3; }
.pager-off { background: none; box-shadow: inset 0 0 0 1.5px var(--line); color: #A7B6C6; cursor: default; }
.pager .pager-pages { grid-column: 2; display: flex; justify-content: center; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.pager .pager-pages li { display: flex; margin: 0; }
.pager-pages a, .pager-pages [aria-current] { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px; border-radius: 999px; font-weight: 800; font-variant-numeric: tabular-nums; text-decoration: none; }
.pager-pages a { color: var(--navy); }
.pager-pages a { --ink-bg: var(--navy); --ink-fg: #fff; transition: background-color .2s, scale .16s ease-out; }
.pager-pages a:not(.has-ink):hover { background: var(--s100); text-decoration: none; }
.pager-pages a:active { scale: .94; }
.pager-pages [aria-current] { background: var(--navy); color: #fff; box-shadow: 0 8px 16px -10px rgb(0 57 116 / .7); }
.pager-gap { min-width: 22px; text-align: center; color: var(--mut); font-weight: 700; }
.pager-status { grid-column: 1 / -1; margin: 2px 0 0; text-align: center; font-size: 14px; color: var(--mut); }
@container (max-width: 760px) {
  .pager-prev, .pager-next { width: 46px; padding: 0; font-size: 0; }
  .pager-prev::before, .pager-next::after, .pager-prev > .ink::before, .pager-next > .ink::after { font-size: 18px; }
}
@container (max-width: 420px) {
  .pager .pager-pages li.pager-near { display: none; }
  .pager-pages a, .pager-pages [aria-current] { min-width: 40px; height: 42px; }
}
:root {
  --i-cal: url(/images/redesign/icons/calendar.svg?v=1);
  --i-clock: url(/images/redesign/icons/clock.svg?v=1);
  --i-fb: url(/images/redesign/icons/facebook.svg?v=1);
  --i-in: url(/images/redesign/icons/linkedin.svg?v=1);
  --i-mail: url(/images/redesign/icons/mail.svg?v=1);
  --i-link: url(/images/redesign/icons/link.svg?v=1);
  --i-check: url(/images/redesign/icons/check.svg?v=2);
  --i-share: url(/images/redesign/icons/share.svg?v=1);
}
.content .article-date { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin: 0 0 28px; color: var(--navy); font-size: 15px; font-weight: 800; line-height: 1.4; }
.article-date time, .article-read { display: inline-flex; align-items: center; gap: 9px; }
.article-read { color: var(--mut); font-weight: 600; }
.article-date time::before, .article-read::before { content: ""; flex: none; width: 19px; height: 19px; background: var(--sky-t); -webkit-mask: var(--i-cal) center / contain no-repeat; mask: var(--i-cal) center / contain no-repeat; }
.article-read::before { background: var(--mut); -webkit-mask-image: var(--i-clock); mask-image: var(--i-clock); }
.article-main { display: flow-root; }
.img-alt { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 10px; background: var(--s50); color: var(--mut); font-size: 14px; font-weight: 700; line-height: 1.35; }
.article-body::after { content: ""; display: table; clear: both; }
.article-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin: 40px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.content .article-back { margin: 0; }
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.share[hidden], .share-ic[hidden] { display: none; }
.share-l { margin-right: 6px; color: var(--mut); font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
@media (max-width: 559px) { .share-l { display: none; } }
@media (hover: hover) { .share a:hover, .share button:hover { background: var(--s50); } }
.share .share-ic { width: 44px; min-height: 44px; padding: 0; gap: 0; }
.share-ic::before, .share-ic > .ink::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; transition: scale .35s var(--spring); }
.share-fb { --i: var(--i-fb); }
.share-in { --i: var(--i-in); }
.share-mail { --i: var(--i-mail); }
.share-copy { --i: var(--i-link); }
.share-native { --i: var(--i-share); }
.share.has-native :is(.share-in, .share-mail) { display: none; }
.share .share-copy.done { --i: var(--i-check); background: var(--l100); color: var(--navy); box-shadow: inset 0 0 0 1.5px var(--lime); }
.share-copy.done::before { animation: share-pop .45s var(--spring); }
@keyframes share-pop { 0% { scale: .4; } 100% { scale: 1; } }
@media (hover: hover) {
  .share-ic[data-tip]::after { content: attr(data-tip); position: absolute; left: 50%; bottom: calc(100% + 9px); z-index: 3; padding: 5px 10px; border-radius: 8px; background: var(--navy-deep); color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.3; white-space: nowrap; pointer-events: none; opacity: 0; translate: -50% 5px; transition: opacity .16s, translate .3s var(--spring); }
  .share-ic[data-tip]:last-child::after { left: auto; right: 0; translate: 0 5px; }
  .share-ic[data-tip]:hover::after { opacity: 1; translate: -50% 0; transition-delay: .25s, .25s; }
  .share-ic[data-tip]:focus-visible::after { opacity: 1; translate: -50% 0; }
  .share-ic[data-tip]:last-child:is(:hover, :focus-visible)::after { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) { .share-ic::before, .share-ic[data-tip]::after { transition: none; animation: none !important; } }
@media (min-width: 1100px) {
  .article { display: grid; grid-template-columns: minmax(0, 860px) 212px; grid-template-rows: auto 1fr; column-gap: 48px; justify-content: space-between; }
  .article::before { content: ""; grid-column: 2; grid-row: 1 / -1; justify-self: start; width: 0; margin-left: -28px; border-left: 1px solid var(--line); }
  .article-main { grid-column: 1; grid-row: 1 / -1; }
  .content .article-date { grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-start; gap: 12px; margin: 0; padding: 4px 0 26px; }
  .article-actions { grid-column: 2; grid-row: 2; align-self: start; position: sticky; top: calc(var(--row-h) + 2 * var(--hdr-pad) + 36px); flex-direction: column; align-items: stretch; gap: 26px; margin: 0; padding: 26px 0 0; }
  .article-actions .share { order: -1; gap: 8px 6px; }
  .share-l { flex-basis: 100%; margin: 0 0 6px; }
  .article-actions .article-back { padding-top: 22px; border-top: 1px solid var(--line); }
}
.article-actions a.back { min-height: 44px; }
.head:has(~ .content > .article) h1 { font-size: clamp(26px, 3.4vw, 42px); }
.head.is-xlong:has(~ .content > .article) h1 { font-size: clamp(23px, 2.7vw, 34px); }
@media (min-width: 760px) and (max-width: 1099px) {
  .page .head:has(~ .content > .article) { min-height: calc(36vw * 300 / 760 + 60px); padding-right: calc(36vw + 28px); }
  .page .head:has(~ .content > .article)::after { width: 36vw; }
}
.content { font-size: inherit; }
.content p { margin: 0 0 1em; }
.content h1 { font-size: clamp(25px, 3vw, 32px); font-weight: 800; line-height: 1.2; letter-spacing: -.01em; margin: 1.5em 0 .55em; }
.content h2 { font-size: clamp(22px, 2.6vw, 27px); font-weight: 800; margin: 1.6em 0 .55em; }
.content h3 { font-size: clamp(19px, 2.2vw, 22px); font-weight: 800; margin: 1.5em 0 .5em; }
.content h4, .content h5, .content h6 { font-size: 18px; font-weight: 800; margin: 1.3em 0 .4em; }
.content > :first-child { margin-top: 0; }
.content ul, .content ol { margin: 0 0 1.1em; padding-left: 1.4em; }
.content li { margin: .3em 0; }
.content ul > li::marker { color: var(--sky); }
.content ol > li::marker { color: var(--sky-t); font-weight: 700; }
.content ul:not(:has(li)), .content ol:not(:has(li)) { display: none; }
.content hr { border: 0; border-top: 1px solid var(--line); margin: 1.6em 0; height: 0; width: auto !important; }
.content address { font-style: normal; }
.content blockquote { margin: 1.2em 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--l300); color: var(--mut); }
.content img { max-width: 100%; height: auto; }
.content img[align="left"], .content img.ImageAlignLeft { float: left; margin: 4px 22px 12px 0; }
.content img[align="right"] { float: right; margin: 4px 0 12px 22px; }
.content td img, .content td img[width], .content td img[style*="width"] { max-width: calc(100vw - 56px); }
.content img[src*="/images/team/"] { border-radius: 14px; }
.content iframe, .content video, .content embed, .content object { max-width: 100%; }
.content embed[type="application/x-shockwave-flash"], .content object[type="application/x-shockwave-flash"], .content object[classid] { display: none; }
.content table { border-collapse: collapse; max-width: 100%; margin: 1em 0; }
.content td, .content th { padding: 6px 10px; vertical-align: top; text-align: left; }
.content td p { margin: 0 0 .4em; }
.content table[border]:not([border="0"]) td, .content table[border]:not([border="0"]) th { border: 1px solid var(--line); }
.content .dataTable th { background: var(--navy); color: #fff; font-weight: 700; }
.content .dataHeaderRow td { background: var(--s100); font-weight: 700; color: var(--navy); }
.content .dataRow td { border-bottom: 1px solid var(--line); }
.content :not(code, kbd, pre, samp) { font-family: inherit !important; }
.content span[style*="font-size"], .content p[style*="font-size"], .content div[style*="font-size"], .content td[style*="font-size"], .content li[style*="font-size"], .content a[style*="font-size"], .content font[size] { font-size: inherit !important; }
.content [style*="line-height"] { line-height: inherit !important; }
.content [style*="justify"], .content [align="justify"] { text-align: left !important; }
.content [style*="width"], .content [width] { max-width: 100%; }
.content .boldBlueLink, .content .boldbluelink { font-weight: 700; color: var(--sky-t); }
.content .gray, .content a.gray { color: var(--mut); }
.content .darkBlue, .content a.darkBlue { color: var(--navy); }
.content .black, .content a.black { color: var(--txt); }
.content .blue, .content a.blue { color: var(--sky-t); }
.content .brown, .content a.brown { color: #923810; }
.content a.arrowLink::before { content: "→ "; }
.content .err { padding: 14px 16px; border-radius: 10px; background: var(--l100); border-left: 4px solid var(--lime); }
.content p.alphabet { font-size: 0; display: flex; flex-wrap: wrap; gap: 6px; max-width: none; margin: 18px 0 8px; }
.content p.alphabet a, .content p.alphabet span { font-size: 15px; min-width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 999px; }
.content p.alphabet a { --ink-bg: var(--navy); --ink-fg: #fff; background: var(--s100); color: var(--navy); font-weight: 800; text-decoration: none; transition: background-color .2s, color .2s, scale .16s ease-out; }
.content p.alphabet a:not(.has-ink):hover { background: var(--navy); color: #fff; }
.content p.alphabet a:active { scale: .92; }
.content p.alphabet span { color: #9FAFBF; }
.content ul.sitemap { list-style: none; padding-left: 0; }
.content ul.sitemap ul.sitemap { padding-left: 22px; border-left: 2px solid var(--s200); margin-left: 4px; }
.content li.sitemap { margin: 0; }
.content li.sitemap a { display: inline-block; padding: 5px 0; font-weight: 700; text-decoration: none; color: var(--navy); }
.content li.sitemap a:hover { color: var(--sky-t); text-decoration: underline; }
@media (max-width: 599px) {
  .content table:not([border]):has(td img):not(:has(table)), .content table[border="0"]:has(td img):not(:has(table)) { display: block; overflow: visible; }
  :is(.content table:not([border]), .content table[border="0"]):has(td img):not(:has(table)) > tbody { display: block; }
  :is(.content table:not([border]), .content table[border="0"]):has(td img):not(:has(table)) tr { display: flex; flex-wrap: wrap; align-items: flex-start; }
  :is(.content table:not([border]), .content table[border="0"]):has(td img):not(:has(table)) td { flex: 0 1 auto; width: auto !important; min-width: 0; }
}
@media (max-width: 759px) {
  .content table { display: block; overflow-x: auto; width: auto !important; -webkit-overflow-scrolling: touch; }
  .content img[align], .content img.ImageAlignLeft { float: none; display: block; margin: 12px 0; }
  .content [style*="float"], .content table[align="left"], .content table[align="right"] { float: none !important; }
  .content table[align] { margin-inline: 0; }
}
.content img.newsimage { float: left; width: auto; max-width: min(380px, 48%); height: auto; margin: 6px 28px 18px 0; border-radius: 16px; box-shadow: 0 18px 36px -26px rgb(0 57 116 / .6); }
.article-body img:not([src$=".png"]):not([src$=".gif"]):not([src$=".PNG"]):not([src$=".GIF"]) { border-radius: 10px; }
.content img.newsimage.is-wide { float: none; display: block; width: 100%; max-width: 100%; margin: 0 0 26px; }
@media (max-width: 599px) { .content img.newsimage { float: none; display: block; width: 100%; max-width: 100%; max-height: 75vh; object-fit: scale-down; margin: 0 0 22px; background: var(--s50); box-shadow: none; } }
.partners { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; margin: 18px 0; }
.partners > .clr, .partners > hr { display: none; }
.partnerCont { padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; font-size: 15px; line-height: 1.5; }
.partnerCont > br:last-child { display: none; }
.locname { font-weight: 800; color: var(--navy); font-size: 16px; line-height: 1.35; margin-bottom: 4px; }
.loccity { color: var(--txt); }
.locsite { margin-top: 6px; }
.locsite a { word-break: break-all; font-weight: 600; }
.locmap { position: relative; max-width: 760px; aspect-ratio: 489 / 364; margin: 24px 0; border-radius: 18px; background: var(--navy); }
.locmap-bg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.location { position: absolute; z-index: 1; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgb(177 187 13 / .22), 0 0 16px 4px rgb(177 187 13 / .35); cursor: pointer; }
.location:focus { outline: none; }
.location:focus-visible, .location.open { z-index: 5; box-shadow: 0 0 0 3px #fff, 0 0 0 7px var(--lime); }
@media (hover: hover) { .location:hover { z-index: 5; box-shadow: 0 0 0 3px #fff, 0 0 0 7px var(--lime); } .location:hover .prCont { display: block; } }
.location .prCont { display: none; position: absolute; bottom: calc(100% + 14px); left: 50%; width: 280px; margin-left: -140px; padding: 14px 16px; border-radius: 12px; background: #fff; color: var(--txt); box-shadow: 0 20px 44px -16px rgb(0 0 0 / .45); font-size: 14.5px; line-height: 1.45; cursor: auto; text-align: left; }
.location .prCont::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 16px; }
.loc-close { display: none; }
.location .prCont hr { border: 0; border-top: 1px solid var(--line); margin: 10px 0; }
.location .prCont br:last-child { display: none; }
.location.loc-l .prCont { left: -10px; margin-left: 0; }
.location.loc-r .prCont { left: auto; right: -10px; margin-left: 0; }
.location.loc-t .prCont { bottom: auto; top: calc(100% + 14px); }
.location.loc-t .prCont::after { top: auto; bottom: 100%; }
.location.open .prCont, .location:focus-visible .prCont, .location:has(:focus-visible) .prCont { display: block; }
@media (max-width: 699px) {
  .locmap { border-radius: 14px; }
  .location { width: 12px; height: 12px; margin: -6px 0 0 -6px; }
  .location .prCont, .location.loc-l .prCont, .location.loc-r .prCont, .location.loc-t .prCont { position: fixed; left: 12px; right: 12px; top: auto; bottom: 12px; width: auto; margin: 0; max-height: 55vh; overflow: auto; z-index: 60; }
  .location .prCont { padding-right: 52px; }
  .loc-close { display: grid; place-items: center; position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--s100); color: var(--navy); font-size: 26px; line-height: 1; cursor: pointer; }
}
@property --reveal { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --rule { syntax: '<color>'; inherits: true; initial-value: #D9E6EF; }
.contact { --settle: cubic-bezier(.22, 1.2, .36, 1); display: grid; gap: clamp(56px, 6.5vw, 84px); padding-top: 8px; }
.contact .ct-h { display: flex; align-items: center; gap: 18px; margin: 0 0 clamp(18px, 2.4vw, 28px); font-size: 12.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--sky-t); }
.contact .ct-h::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.ct-db { font-size: 18px; line-height: 1.6; }
.ct-db address { font-style: normal; }
.ct-db :not(h3)[style] { font: inherit !important; color: inherit !important; margin: 0 !important; }
.ct-db h3[style] { font: 800 15px/1.4 var(--font) !important; color: var(--navy) !important; margin: 20px 0 4px !important; }
.ct-db hr { display: none; }
.ct-db h3 { margin: 20px 0 4px; font-size: 15px; font-weight: 800; }
html.js .ct-db:not(.is-raw) { opacity: 0; }
html.js:not(.ct-ok) .ct-db, html.js:not(.ct-ok) .postcard { animation: ct-show .3s 1.5s forwards; }
@keyframes ct-show { to { opacity: 1; transform: none; } }
.ct-reach { container-type: inline-size; }
.contact .ct-list { list-style: none; display: grid; gap: 30px 72px; margin: 0; padding: 0; }
.contact .ct-item { display: grid; justify-items: start; gap: 4px; min-width: 0; margin: 0; }
.ct-row { display: flex; align-items: center; gap: 12px; min-height: 28px; }
.ct-k { font-size: 15px; font-weight: 700; color: var(--mut); }
.ct-k::first-letter { text-transform: uppercase; }
.ct-line { display: block; max-width: 100%; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }
.ct-v { display: inline-block; font-size: clamp(26px, 8.2cqi, 46px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; color: var(--navy); text-decoration: none; font-variant-numeric: tabular-nums; background: linear-gradient(var(--lime), var(--lime)) 0 100% / 0 .085em no-repeat; padding-bottom: .04em; }
.ct-v:hover { color: var(--navy); }
@media (hover: hover) { .ct-v:hover { background-size: 100% .085em; } }
@container (min-width: 700px) {
  .contact .ct-list { grid-template-columns: auto auto; justify-content: start; }
  .ct-v { font-size: min(5.3cqi, 60px); }
}
.ct-list:not(.is-in) .ct-v { transform: translateY(108%); }
.ct-list:not(.is-in) .ct-row { opacity: 0; transform: translateY(6px); }
.ct-v { transition: transform 1s cubic-bezier(.2, .8, .2, 1) var(--d, 0s), background-size .55s var(--glide); }
.ct-row { transition: opacity .6s ease-out calc(var(--d, 0s) + .15s), transform .8s var(--glide) calc(var(--d, 0s) + .15s); }
.ct-copy { display: inline-grid; padding: 3px 11px; border: 0; border-radius: 999px; background: var(--s100); color: var(--sky-t); font-size: 13px; font-weight: 700; line-height: 1.5; cursor: pointer; transition: background-color .2s, color .2s, transform .16s ease-out; }
.ct-copy:hover { background: var(--s200); color: var(--navy); }
.ct-copy:active { transform: scale(.95); }
.ct-copy > span { grid-area: 1 / 1; text-align: center; transition: opacity .2s, filter .25s, transform .45s var(--spring); }
.ct-copy .is-b, .ct-copy.is-done .is-a { opacity: 0; filter: blur(4px); transform: translateY(7px); }
.ct-copy.is-done .is-a { transform: translateY(-7px); }
.ct-copy.is-done { background: var(--l200); color: var(--navy); }
.ct-copy.is-done .is-b { opacity: 1; filter: none; transform: none; }
.postcard { --lh: 36px; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 90px; grid-template-areas: "to stamp" "msg msg" "name name" "mail mail" "send send"; align-items: start; padding: clamp(22px, 4.4vw, 48px); border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgb(0 57 116 / .08), 0 2px 4px -2px rgb(0 57 116 / .1), 0 34px 64px -40px rgb(0 57 116 / .5); }
.postcard p { margin: 0; }
.postcard label, .pc-k { display: block; margin: 0; font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--mut); transition: color .2s; }
.postcard :focus-within > label { color: var(--navy); }
.pc-to { grid-area: to; align-self: end; padding-right: 20px; }
.pc-to-v { margin-top: 4px; }
.pc-to-v, .pc-ln { display: block; font-size: 16.5px; font-weight: 700; line-height: var(--lh); color: var(--navy); }
.pc-ln { border-bottom: 1px solid var(--line); }
.pc-msg { grid-area: msg; display: grid; grid-template-rows: auto 1fr; margin-top: 30px !important; }
.pc-msg textarea { display: block; width: 100%; min-height: calc(var(--lh) * 6); padding: 0; border: 0; border-radius: 0; resize: vertical; font-size: 17px; line-height: var(--lh); color: var(--navy); background: repeating-linear-gradient(transparent 0 calc(var(--lh) - 1px), var(--rule) calc(var(--lh) - 1px) var(--lh)) 0 -6px / 100% var(--lh) local; transition: --rule .35s; }
.pc-msg textarea:focus { outline: none; --rule: var(--s200); }
.pc-field { display: grid; margin-top: 22px !important; }
.pc-name { grid-area: name; }
.pc-mail { grid-area: mail; }
.pc-field input { height: var(--lh); padding: 0; border: 0; border-radius: 0; font-size: 17px; font-weight: 600; color: var(--navy); background: linear-gradient(var(--navy), var(--navy)) 0 100% / 0 2px no-repeat, linear-gradient(var(--line), var(--line)) 0 100% / 100% 1px no-repeat; transition: background-size .5s var(--glide); }
.pc-field input:focus { outline: none; background-size: 100% 2px, 100% 1px; }
.pc-send { grid-area: send; display: flex; justify-content: flex-end; align-self: end; margin-top: 30px !important; }
.pc-send button { gap: 12px; min-width: 52px; height: 52px; padding: 0 22px 0 26px; font-size: 16px; }
.pc-send { flex-wrap: wrap; align-items: center; gap: 14px; }
.pc-error { flex: 1 0 100%; font-size: 14px; font-weight: 600; line-height: 1.45; color: #B42318; text-align: right; }
.pc-send-t { display: inline-block; text-transform: lowercase; transition: opacity .15s, filter .2s; }
.pc-send-t::first-letter { text-transform: uppercase; }
.pc-send svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .45s var(--spring), opacity .15s, filter .2s; }
.pc-check { position: absolute; left: 50%; top: 50%; margin: -11px 0 0 -11px; width: 22px !important; height: 22px !important; }
.pc-send .pc-check { stroke-dasharray: 1; stroke-dashoffset: 1; transition: transform .45s var(--spring), opacity .15s, filter .2s, stroke-dashoffset .35s cubic-bezier(.3, .7, .2, 1) .3s; }
.is-posting .pc-send-t, .is-posting .pc-arrow { position: absolute; opacity: 0; filter: blur(5px); }
.is-posting .pc-send button { padding: 0; background: var(--navy); }
.is-posting .pc-send .ink { display: none; }
.is-posting .pc-send .pc-check { stroke-dashoffset: 0; }
.is-sending .pc-send-t, .is-sending .pc-arrow { position: absolute; opacity: 0; filter: blur(5px); }
.is-sending .pc-send button { padding: 0; background: var(--navy); cursor: progress; }
.is-sending .pc-send .ink { display: none; }
.pc-send .pc-ring { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--lime); stroke-width: 2.6; stroke-dasharray: .24 .76; opacity: 0; rotate: -90deg; transition: opacity .2s, stroke-dasharray .32s cubic-bezier(.3, .7, .2, 1); }
.is-sending .pc-ring { opacity: 1; animation: pc-spin .85s linear infinite; }
.is-posting .pc-send .pc-ring { opacity: 0; stroke-dasharray: 1 0; transition: opacity .3s .3s, stroke-dasharray .32s cubic-bezier(.3, .7, .2, 1); }
@keyframes pc-spin { to { rotate: 270deg; } }
.postcard [hidden] { display: none !important; }
.pc-thanks:focus { outline: none; }
.pc-tip { display: block; margin-top: 7px; font-size: 13.5px; font-weight: 600; line-height: 1.4; color: #B42318; animation: pc-tip .4s var(--glide); }
@keyframes pc-tip { from { opacity: 0; transform: translateY(-5px); } }
.postcard p:has(> [aria-invalid="true"]) > label { color: #B42318; }
.pc-field input[aria-invalid="true"] { background-image: linear-gradient(#B42318, #B42318), linear-gradient(rgb(180 35 24 / .55), rgb(180 35 24 / .55)); }
.pc-msg textarea[aria-invalid="true"], .pc-msg textarea[aria-invalid="true"]:focus { --rule: rgb(180 35 24 / .4); }
.pc-thanks { margin-top: 30px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 600; line-height: 1.35; letter-spacing: -.015em; color: var(--navy); }
.pc-thanks strong { display: block; font-weight: 800; }
@media (min-width: 900px) {
  .postcard { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto auto auto auto 1fr; grid-template-areas: "msg stamp" "msg to" "msg name" "msg mail" "msg send"; column-gap: clamp(40px, 5vw, 64px); }
  .pc-msg, .pc-thanks { align-self: stretch; margin-top: 0 !important; padding-right: clamp(40px, 5vw, 64px); border-right: 1px solid var(--line); }
  .pc-msg textarea { height: 100%; min-height: calc(var(--lh) * 8); resize: none; }
  .pc-to { align-self: start; margin-top: 18px; padding: 0; }
  .pc-thanks { display: flex; flex-direction: column; justify-content: center; }
}
.pc-stamp { grid-area: stamp; justify-self: end; position: relative; width: 90px; height: 110px; }
.pc-paper { position: absolute; inset: 0; filter: drop-shadow(0 1px 1px rgb(0 57 116 / .14)) drop-shadow(0 8px 12px rgb(0 57 116 / .1)); transform: rotate(2.5deg); }
.pc-stamp-in { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 7px; background: #fff; -webkit-mask: radial-gradient(circle, #0000 3px, #000 3.4px) -5px -5px / 10px 10px, linear-gradient(#000, #000) 5px 5px / 80px 100px no-repeat; mask: radial-gradient(circle, #0000 3px, #000 3.4px) -5px -5px / 10px 10px, linear-gradient(#000, #000) 5px 5px / 80px 100px no-repeat; }
.pc-stamp-in::before { content: ""; position: absolute; inset: 8px; z-index: -1; background: var(--s100); box-shadow: inset 0 0 0 1px var(--s200); }
.pc-stamp-in img { display: block; width: 54px; height: auto; }
.pc-stamp-in b { font-size: 7.5px; font-weight: 800; letter-spacing: .22em; color: var(--navy); }
.postcard .pc-postmark { position: absolute; right: -28px; top: 14px; width: 230px; max-width: none; height: 92px; overflow: visible; fill: none; stroke: var(--navy); stroke-width: 2; opacity: 0; transform: rotate(-8deg); transform-origin: 46px 46px; pointer-events: none; mix-blend-mode: multiply; }
.pc-postmark text { fill: var(--navy); stroke: none; font-family: var(--font); font-size: 10.5px; font-weight: 800; letter-spacing: .16em; text-anchor: middle; }
.pc-postmark .pm-date { font-size: 10px; letter-spacing: .04em; }
.pc-postmark .pm-w { stroke-width: 1.7; stroke-dasharray: 1; }
.is-sent .pc-postmark, .is-posting .pc-postmark { opacity: .8; }
html.js .postcard:not(.is-in) { opacity: 0; transform: translateY(32px); }
@media (min-width: 900px) { html.js .postcard:not(.is-in) { transform: translateY(32px) rotate(-1.4deg); } }
.postcard.is-in { transition: opacity .6s ease-out, transform 1.1s var(--settle); }
.ct-frame { position: relative; display: block; height: clamp(400px, 44vw, 520px); border-radius: 22px; overflow: hidden; background: #E9F4FA; color: var(--navy); text-decoration: none; container-type: size; isolation: isolate; }
.ct-frame::after { content: ""; position: absolute; inset: 0; z-index: 5; border-radius: inherit; box-shadow: inset 0 0 0 1px rgb(0 57 116 / .08); pointer-events: none; }
.ct-canvas { position: absolute; left: 50%; top: 50%; width: max(100cqw, 100cqh * 5 / 3); aspect-ratio: 5 / 3; translate: -50% -50%; }
.contact .ct-tiles { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; }
.ct-st { position: absolute; white-space: nowrap; font-size: 11.5px; font-weight: 700; line-height: 1; letter-spacing: .02em; color: #57728A; text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 6px #fff; }
.ct-st { translate: -50% -50%; rotate: var(--a, 0deg); }
.ct-st-main { font-size: 13px; font-weight: 800; color: var(--navy); }
@container (max-width: 700px) { .ct-st-wide { display: none; } }
@container (max-width: 340px) { .ct-st-mid { display: none; } }
.ct-pin { position: absolute; z-index: 3; }
.ct-pin-in { position: absolute; left: 0; bottom: 13px; translate: -50% 0; display: flex; width: max-content; align-items: center; gap: 10px; padding: 8px 15px 8px 9px; border-radius: 16px; background: #fff; white-space: nowrap; font-size: 12.5px; font-weight: 800; line-height: 1.25; color: var(--navy); box-shadow: 0 0 0 1px rgb(0 57 116 / .1), 0 16px 30px -12px rgb(0 57 116 / .5); transform-origin: 50% 100%; }
.ct-pin-in::after { content: ""; position: absolute; left: calc(50% - 6px); bottom: -6px; width: 12px; height: 12px; border-radius: 0 0 3px 0; background: #fff; transform: rotate(45deg); box-shadow: 1px 1px 0 rgb(0 57 116 / .1); }
.ct-pin-in img { display: block; flex: none; width: 34px; height: auto; }
.ct-pin-t small { display: block; max-width: 16em; margin-top: 3px; font-size: 11px; font-weight: 700; line-height: 1.4; white-space: normal; color: var(--mut); }
.ct-pin-t mark { padding: 0 2px; border-radius: 3px; background: linear-gradient(transparent 55%, rgb(177 187 13 / .45) 55%); color: var(--navy); }
.ct-cta { position: absolute; z-index: 4; right: 16px; bottom: 16px; min-height: 44px; padding: 0 18px; font-size: 15px; box-shadow: 0 12px 24px -12px rgb(0 57 116 / .7); }
.ct-frame:active .ct-cta { scale: .97; }
.ct-map { position: relative; }
.ct-credit { position: absolute; z-index: 5; left: 12px; bottom: 12px; margin: 0; padding: 2px 8px; border-radius: 6px; background: rgb(255 255 255 / .72); font-size: 10.5px; font-weight: 600; line-height: 1.5; color: rgb(0 57 116 / .6); }
.ct-credit a { color: inherit; text-decoration: none; }
.ct-credit a:hover { color: var(--navy); text-decoration: underline; }
html.ct-ok .ct-tiles { -webkit-mask: radial-gradient(circle at 49.9% 41.4%, #000 calc(var(--reveal) - 14%), #0000 var(--reveal)); mask: radial-gradient(circle at 49.9% 41.4%, #000 calc(var(--reveal) - 14%), #0000 var(--reveal)); }
html.ct-ok .ct-map:not(.is-in) .ct-pin-in { opacity: 0; transform: translateY(-16px) scale(.9); }
html.ct-ok .ct-map:not(.is-in) .ct-st { opacity: 0; }
.ct-map.is-in .ct-tiles { --reveal: 114%; transition: --reveal 2.2s cubic-bezier(.25, .7, .25, 1); }
.ct-map.is-in .ct-pin-in { transition: opacity .3s .35s, transform .9s var(--spring) .35s; }
.ct-map.is-in .ct-st { transition: opacity .8s ease-out calc(.7s + var(--i, 0) * 70ms); }
.ct-st:nth-child(3) { --i: 1; } .ct-st:nth-child(4) { --i: 2; } .ct-st:nth-child(5) { --i: 3; } .ct-st:nth-child(6) { --i: 4; } .ct-st:nth-child(7) { --i: 5; }
.ct-loupe { position: absolute; z-index: 2; left: 0; top: 0; width: 184px; height: 184px; margin: -92px 0 0 -92px; border-radius: 50%; pointer-events: none; background: #E9F4FA url(/images/redesign/contact-map.svg) no-repeat; box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .95), inset 0 3px 6px rgb(255 255 255 / .6), inset 0 -8px 16px -6px rgb(0 57 116 / .22), 0 0 0 1px rgb(0 57 116 / .18), 0 26px 44px -16px rgb(0 57 116 / .55); opacity: 0; scale: .55; transition: opacity .2s, scale .55s var(--spring); }
.ct-frame.is-lens .ct-loupe { opacity: 1; scale: 1; }
.ct-map:not(.is-in) .ct-loupe { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ct-list .ct-v, .ct-list .ct-row, .postcard, .ct-pin-in { transform: none !important; }
  .postcard.is-in, .ct-list .ct-row { transition: opacity .3s; }
  .ct-map.is-in .ct-tiles { transition-duration: .01s; }
}
@media print {
  .ct-copy, .pc-send, .ct-cta, .ct-loupe { display: none !important; }
  .ct-tiles { -webkit-mask: none !important; mask: none !important; }
  .postcard, .ct-pin-in, .ct-st { opacity: 1 !important; box-shadow: none; }
}
.page:has(.crumbs a[href$="/about-us/"]) .head::after { background-image: url(/images/redesign/about-head.svg?v=2); }
html.js .page:has(.crumbs > a:last-child[href$="/about-us/"]) .content:not(.is-raw):not(:has(> .about)) { opacity: 0; animation: ab-show .3s 1.5s forwards; }
@keyframes ab-show { to { opacity: 1; } }
.about { display: block; }
.about :is(ol, ul) { list-style: none; margin: 0; padding: 0; }
.about li { margin: 0; }
.ab-ch { position: relative; padding-block: clamp(36px, 4.4vw, 60px); }
.ab-ch:focus { outline: none; }
.ab-who { padding-top: 12px; }
.about h2 { margin: 0 0 clamp(22px, 2.8vw, 34px); max-width: 24ch; font-size: clamp(25px, 3vw, 36px); font-weight: 800; line-height: 1.14; letter-spacing: -.022em; }
.about .ab-k { display: flex; align-items: center; gap: 12px; max-width: none; margin: 0 0 clamp(18px, 2.2vw, 26px); font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .18em; text-transform: uppercase; color: var(--sky-t); }
.ab-k .ab-n { color: var(--navy); font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.ab-k::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.ab-rail { position: sticky; top: 64px; z-index: 6; margin: 0 calc(-1 * var(--gut)) 4px; transition: background-color .3s, box-shadow .3s; }
.ab-rail.is-stuck { background: rgb(255 255 255 / .92); box-shadow: 0 1px 0 var(--line); -webkit-backdrop-filter: blur(12px) saturate(1.3); backdrop-filter: blur(12px) saturate(1.3); }
.ab-rail ol { display: flex; gap: 8px; overflow-x: auto; padding: 8px var(--gut); scrollbar-width: none; overscroll-behavior-x: contain; }
.ab-rail ol::-webkit-scrollbar { display: none; }
.ab-rail a { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 15px; border-radius: 999px; background: var(--s50); box-shadow: inset 0 0 0 1px var(--line); color: var(--navy); font-size: 14px; font-weight: 700; white-space: nowrap; text-decoration: none; transition: background-color .3s, box-shadow .3s, color .3s; }
.ab-rail a:hover { background: var(--s100); box-shadow: inset 0 0 0 1px var(--s200); color: var(--navy); }
.ab-rail a.is-on { background: var(--navy); box-shadow: none; color: #fff; }
.ab-rail .ab-n { font-size: 12px; font-weight: 800; color: var(--sky-t); font-variant-numeric: tabular-nums; transition: color .3s; }
.ab-rail a.is-on .ab-n { color: var(--l300); }
.ab-track { display: none; }
html:has(.ab-rail) { scroll-padding-top: 128px; }
@media (min-width: 1100px) {
  html:has(.ab-rail) { scroll-padding-top: 100px; }
  .about { display: grid; grid-template-columns: 184px minmax(0, 1fr); column-gap: clamp(40px, 4.5vw, 64px); }
  .ab-rail, .ab-rail.is-stuck { grid-column: 1; grid-row: 1 / span 12; align-self: start; z-index: 2; top: 112px; margin: 0; padding-top: 4px; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .ab-ch { grid-column: 2; }
  .ab-rail ol { position: relative; z-index: 1; display: grid; gap: 2px; overflow: visible; padding: 0; }
  .ab-rail a { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 0; min-height: 0; padding: 9px 0 9px 28px; border-radius: 0; background: none; box-shadow: none; color: var(--mut); white-space: normal; line-height: 1.3; transition: color .3s; }
  .ab-rail a:hover { background: none; box-shadow: none; color: var(--navy); }
  .ab-rail a::before { content: ""; position: absolute; left: 1px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px var(--s200); transition: background-color .4s, box-shadow .4s; }
  .ab-rail a.is-past::before { background: var(--navy); box-shadow: inset 0 0 0 2px var(--navy); }
  .ab-rail a.is-on { background: none; color: var(--navy); }
  .ab-rail a.is-on .ab-n { color: var(--sky-t); }
  .ab-track { display: block; position: absolute; left: 6px; top: 0; width: 2px; height: 0; margin-left: -1px; background: var(--s200); }
  .ab-fill { position: absolute; inset: 0; background: var(--navy); transform: scaleY(0); transform-origin: 50% 0; will-change: transform; }
  .ab-bead { position: absolute; z-index: 2; left: 50%; top: 0; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 3px #fff, inset 0 0 0 2px var(--navy); will-change: transform; }
}
.ab-lead { margin: 0; max-width: 36em; font-size: clamp(18px, 1.85vw, 23px); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; color: var(--navy); text-wrap: pretty; }
.ab-founded { display: grid; gap: 18px 48px; margin-top: clamp(28px, 3.5vw, 44px); padding-top: clamp(24px, 3vw, 34px); border-top: 1px solid var(--line); }
.ab-founded p { margin: 0 0 1em; max-width: 62ch; }
.ab-founded p:last-child { margin-bottom: 0; }
.ab-founded .ab-year { display: grid; justify-items: start; margin: 0; }
.ab-year b { padding-bottom: 12px; background: linear-gradient(var(--lime), var(--lime)) 0 100% / 44px 5px no-repeat; font-size: clamp(56px, 7vw, 84px); font-weight: 800; line-height: .95; letter-spacing: -.045em; color: var(--navy); font-variant-numeric: tabular-nums; }
.ab-year span { margin-top: 10px; font-size: 12.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--sky-t); }
@media (min-width: 760px) { .ab-founded { grid-template-columns: auto minmax(0, 1fr); align-items: start; } }
.ab-split { display: grid; gap: clamp(28px, 4vw, 56px); align-items: center; }
@media (min-width: 760px) { .ab-split { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
@media (max-width: 759px) { .ab-scene { order: -1; } }
.ab-scene { margin: 0; aspect-ratio: 600 / 384; border-radius: 24px; background: var(--s50); overflow: hidden; }
.ab-scene > :is(svg, img) { display: block; width: 100%; height: 100%; }
.ab-scene :is(.pg, .pm) { transition: opacity .35s ease; }
.ab-scene .pm :is(circle, text) { transition: fill .3s; }
.ab-scene[data-on="1"] :is(.pg, .pm):not([data-p="1"]), .ab-scene[data-on="2"] :is(.pg, .pm):not([data-p="2"]),
.ab-scene[data-on="3"] :is(.pg, .pm):not([data-p="3"]), .ab-scene[data-on="4"] :is(.pg, .pm):not([data-p="4"]) { opacity: .2; }
.ab-scene:is([data-on="1"], [data-on="2"], [data-on="3"], [data-on="4"]) .pm circle { fill: var(--lime); }
.ab-scene:is([data-on="1"], [data-on="2"], [data-on="3"], [data-on="4"]) .pm text { fill: var(--navy-deep); }
.ab-plist { display: grid; gap: 2px; }
.ab-plist li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 16px; align-items: start; margin: 0 -14px; padding: 12px 14px; border-radius: 16px; font-size: 17.5px; line-height: 1.5; cursor: default; transition: background-color .3s, color .3s; }
.ab-plist li::before { content: attr(data-p); display: grid; place-items: center; width: 32px; height: 32px; margin-top: -2px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 14px; font-weight: 800; transition: background-color .3s, color .3s, transform .5s var(--spring); }
.ab-plist li.is-on { background: var(--s50); color: var(--navy); }
.ab-plist li.is-on::before { background: var(--lime); color: var(--navy-deep); transform: scale(1.12); }
.ab-tiles { display: grid; gap: 20px; }
.ab-tiles > li { --panel: var(--sky); --art: url(/images/redesign/goal-access.svg?v=4); display: flex; flex-direction: column; padding: 10px 28px 30px; border-radius: 26px; background: var(--s100); font-size: 16px; line-height: 1.6; }
.ab-tiles > li:nth-child(3n+2) { --panel: var(--lime); --art: url(/images/redesign/goal-learning.svg?v=2); background: var(--l100); }
.ab-tiles > li:nth-child(3n) { --panel: var(--navy); --art: url(/images/redesign/goal-chitalishte.svg?v=4); }
.ab-tiles > li::before { content: ""; aspect-ratio: 400 / 268; margin: 0 -18px 26px; border-radius: 18px; background: var(--panel) var(--art) 50% 100% / 100% auto no-repeat; }
.about :is(.ab-tiles, .ab-route, .ab-body) h3 { margin: 0 0 8px; font-size: clamp(20px, 1.9vw, 23px); font-weight: 800; line-height: 1.15; letter-spacing: -.015em; }
.ab-tiles p, .ab-route p { margin: 0; }
.ab-means { background: var(--s50); box-shadow: 0 0 0 100vmax var(--s50); clip-path: inset(0 -100vmax); }
.ab-means .ab-k::after { background: var(--s200); }
.ab-route { --thread: url(/images/redesign/icons/thread.svg?v=1); display: grid; gap: 52px; counter-reset: stop; }
.ab-route > li { position: relative; display: flex; flex-direction: column; font-size: 16px; line-height: 1.6; }
.ab-route .ab-art { position: relative; aspect-ratio: 400 / 260; margin-bottom: 20px; border-radius: 20px; background: #fff var(--art) 50% 100% / 100% auto no-repeat; box-shadow: inset 0 0 0 1px var(--line); }
.ab-route > li:nth-child(1) { --art: url(/images/redesign/about-means-1.svg?v=2); }
.ab-route > li:nth-child(2) { --art: url(/images/redesign/about-means-2.svg?v=2); }
.ab-route > li:nth-child(3) { --art: url(/images/redesign/about-means-3.svg?v=2); }
.ab-route h3 { display: flex; align-items: baseline; gap: 10px; }
.ab-route h3::before { counter-increment: stop; content: counter(stop, decimal-leading-zero); font-size: 13px; font-weight: 800; letter-spacing: .06em; color: var(--sky-t); font-variant-numeric: tabular-nums; }
.ab-route > li:not(:last-child)::after { content: ""; position: absolute; left: 50%; top: 100%; width: 48px; height: 16px; margin: 18px 0 0 -24px; background: var(--navy); -webkit-mask: var(--thread) center / contain no-repeat; mask: var(--thread) center / contain no-repeat; rotate: 90deg; }
@media (min-width: 760px) {
  .ab-route { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }
  .ab-route > li:not(:last-child)::after { display: none; }
  .ab-route > li:not(:last-child) .ab-art::after { content: ""; position: absolute; left: 100%; top: 50%; width: 44px; height: 16px; margin-top: -8px; background: var(--navy); -webkit-mask: var(--thread) center / 40px 16px no-repeat; mask: var(--thread) center / 40px 16px no-repeat; }
}
.ab-org { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.ab-body .box-more a { max-width: 100%; }
@media (max-width: 380px) { .ab-body .box-more a { white-space: normal; padding-block: 10px; } }
.ab-body { display: flex; flex-direction: column; padding: 12px 12px 22px; border-radius: 26px; background: var(--s50); }
.ab-body .ab-art { aspect-ratio: 400 / 220; margin-bottom: 18px; border-radius: 18px; background: #fff var(--art) 50% 100% / 100% auto no-repeat; }
.ab-body-a { --art: url(/images/redesign/about-assembly.svg?v=2); }
.ab-body-b { --art: url(/images/redesign/about-board.svg?v=2); }
.ab-body > :not(.ab-art) { margin-inline: 12px; }
.about .ab-body h3 { margin: 0 12px 10px; font-size: clamp(22px, 2.3vw, 27px); }
.ab-sub { margin-top: 0; margin-bottom: 16px; font-size: 15.5px; line-height: 1.5; color: var(--mut); }
.ab-body .box-more { margin-top: auto; padding-top: 4px; }
.ab-faces { display: flex; min-height: 46px; margin-bottom: 16px; }
.ab-faces img { width: 46px; height: 46px; margin-right: -9px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; background: var(--s100); box-shadow: 0 0 0 3px var(--s50); opacity: 0; translate: 0 8px; transition: opacity .5s, translate .7s var(--spring); }
.ab-faces.is-on img { opacity: 1; translate: none; }
.ab-faces.is-on img:nth-child(2) { transition-delay: .06s; } .ab-faces.is-on img:nth-child(3) { transition-delay: .12s; } .ab-faces.is-on img:nth-child(4) { transition-delay: .18s; } .ab-faces.is-on img:nth-child(n+5) { transition-delay: .24s; }
.ab-elects { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 12px 0; font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.ab-elects::after { content: ""; width: 26px; height: 26px; background: var(--navy); -webkit-mask: var(--i-next) center / contain no-repeat; mask: var(--i-next) center / contain no-repeat; rotate: 90deg; }
@media (min-width: 760px) {
  .ab-org { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 0 14px; }
  .ab-elects { padding: 0 2px; }
  .ab-elects::after { rotate: none; }
}
.ab-join { --jp: clamp(24px, 3.4vw, 40px); display: grid; gap: 22px; padding: var(--jp) var(--jp) 0; border-radius: 28px; background: var(--l100); overflow: hidden; }
.about .ab-join h2 { margin-bottom: 12px; }
.ab-join p { margin: 0; max-width: 46ch; }
.ab-join .ab-cta { display: flex; flex-wrap: wrap; gap: 12px; max-width: none; }
.ab-join::after { content: ""; aspect-ratio: 400 / 260; margin: 0 calc(-1 * var(--jp)); background: url(/images/redesign/about-join.svg?v=2) 50% 100% / 100% auto no-repeat; }
@media (max-width: 599px) { .ab-join .ab-cta { flex-direction: column; } .ab-join .ab-cta .btn { justify-content: center; } }
@media (min-width: 900px) {
  .ab-join { grid-template-columns: minmax(0, 1fr) minmax(0, 280px); grid-template-rows: auto 1fr; column-gap: 16px; }
  .ab-join > div { align-self: end; }
  .ab-join .ab-cta { align-self: start; padding-bottom: var(--jp); }
  .ab-join::after { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0 calc(-1 * var(--jp)) 0 0; }
}
.about .ab-join + .docs-h { margin: clamp(36px, 4vw, 48px) 0 16px; font-size: 13px; line-height: 1.3; }
@media (min-width: 600px) {
  .ab-tiles > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 32px; align-content: center; padding: 12px 32px 12px 12px; }
  .ab-tiles > li::before { grid-row: 1 / span 2; align-self: center; margin: 0; }
  .ab-tiles h3 { grid-column: 2; grid-row: 1; align-self: end; margin-top: 20px; }
  .ab-tiles p { grid-column: 2; grid-row: 2; align-self: start; margin-bottom: 20px; }
}
@media (min-width: 600px) and (max-width: 759px) {
  .ab-route > li { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto; column-gap: 24px; }
  .ab-route .ab-art { grid-row: 1 / span 2; align-self: center; margin: 0; }
  .ab-route h3 { grid-column: 2; grid-row: 1; align-self: end; }
  .ab-route p { grid-column: 2; grid-row: 2; align-self: start; }
  .ab-route > li:not(:last-child)::after { left: calc((100% - 24px) * 5 / 22); }
  .ab-body { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto 1fr; column-gap: 22px; padding: 12px 22px 12px 12px; }
  .ab-body .ab-art { grid-row: 1 / span 3; align-self: center; margin: 0; }
  .ab-body > :not(.ab-art) { grid-column: 2; margin-inline: 0; }
  .about .ab-body h3 { align-self: end; margin: 12px 0 8px; }
  .ab-body .box-more { align-self: start; margin: 4px 0 12px; }
}
.ab-list { display: grid; gap: 10px; max-width: 72ch; counter-reset: li; }
.ab-list li { position: relative; padding-left: 44px; }
.ab-list li::before { counter-increment: li; content: counter(li); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--s100); color: var(--navy); font-size: 14px; font-weight: 800; }
.ab-note { max-width: 72ch; margin: 18px 0 0; }
@media (prefers-reduced-motion: no-preference) {
  .ab-reveal .ab-ch > * { transition: opacity .7s var(--glide), translate .9s var(--glide); }
  .ab-reveal .ab-ch > :nth-child(2) { transition-delay: .07s; }
  .ab-reveal .ab-ch > :nth-child(n+3) { transition-delay: .14s; }
  .ab-reveal .ab-ch:not(.is-in) > * { opacity: 0; translate: 0 24px; }
}
@media (prefers-reduced-motion: reduce) { .ab-faces img, .ab-plist li, .ab-plist li::before, .ab-scene :is(.pg, .pm) { transition: none; } }
@media print { .ab-rail { display: none; } .ab-reveal .ab-ch > * { opacity: 1 !important; translate: none !important; } }
.page:has(.crumbs > a:last-child[href$="/management/"]) .head::after { background-image: url(/images/redesign/board-head.svg?v=1); }
.page:has(.crumbs > a:last-child[href$="/statute/"]) .head::after { background-image: url(/images/redesign/statute-head.svg?v=1); }
html.js .page:has(.crumbs > a:last-child:is([href$="/management/"], [href$="/statute/"])) .content:not(.is-raw):not(:has(> :is(.board, .statute))) { opacity: 0; animation: bd-show .3s 1.5s forwards; }
@keyframes bd-show { to { opacity: 1; } }
.board, .reader { display: grid; grid-template-columns: minmax(0, 1fr); }
.board :is(ol, ul, dl), .statute :is(ol, ul) { list-style: none; margin: 0; padding: 0; }
.board li, .statute li { margin: 0; }
.board .bd-k { display: flex; align-items: center; gap: 12px; max-width: none; margin: 0 0 clamp(18px, 2.2vw, 26px); font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .18em; text-transform: uppercase; color: var(--sky-t); }
.bd-k .bd-n { color: var(--navy); font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.bd-k::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.bd-ch { padding-block: clamp(30px, 4vw, 56px); }
.bd-ch:first-child { padding-top: 4px; }
.board h2 { margin: 0 0 clamp(22px, 2.8vw, 34px); max-width: 24ch; font-size: clamp(25px, 3vw, 36px); font-weight: 800; line-height: 1.14; letter-spacing: -.022em; }
.bd-facts { display: flex; flex-wrap: wrap; gap: 14px clamp(28px, 4vw, 48px); }
.bd-facts > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; }
.bd-facts dd { margin: 0; padding-bottom: 9px; background: linear-gradient(var(--lime), var(--lime)) 0 100% / 32px 4px no-repeat; font-size: clamp(34px, 4vw, 46px); font-weight: 800; line-height: 1; letter-spacing: -.035em; color: var(--navy); font-variant-numeric: tabular-nums; }
.bd-facts dt { margin-top: 9px; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.bd-team { display: grid; gap: 14px; }
.bd-roster { position: relative; display: flex; gap: 4px; overflow-x: auto; margin: 0 calc(-1 * var(--gut)); padding: 4px var(--gut) 6px; scrollbar-width: none; overscroll-behavior-x: contain; }
.bd-roster::-webkit-scrollbar { display: none; }
.bd-lens { position: absolute; left: 0; top: 0; width: 0; height: 0; border-radius: 20px; background: var(--navy); pointer-events: none; }
.bd-pick { position: relative; display: flex; flex: none; align-items: center; justify-content: center; padding: 7px; border: 0; border-radius: 20px; background: none; color: var(--navy); font: inherit; text-align: left; cursor: pointer; transition: background-color .25s, color .3s; -webkit-tap-highlight-color: transparent; }
.bd-pick:not(.is-on):hover { background: var(--s50); }
.bd-pick.is-on { color: #fff; }
.bd-pick:focus-visible { outline-offset: -3px; border-radius: 20px; }
.bd-face { position: relative; display: grid; flex: none; place-items: center; overflow: hidden; width: 52px; height: 52px; border-radius: 50%; background: var(--s100); color: var(--navy); font-size: 18px; font-weight: 800; letter-spacing: .02em; transition: box-shadow .35s; }
.board .bd-face img { display: block; width: 100%; max-width: none; height: 100%; border-radius: 0; object-fit: cover; object-position: 50% 30%; }
.bd-pick.is-on .bd-face { box-shadow: 0 0 0 3px var(--lime); }
@media (max-width: 899px) { .bd-pick .bd-face { width: clamp(40px, calc((100vw - 2 * var(--gut) - 16px) / 5 - 14px), 52px); height: clamp(40px, calc((100vw - 2 * var(--gut) - 16px) / 5 - 14px), 52px); } }
.bd-pt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bd-pn { display: block; font-size: 16px; font-weight: 800; line-height: 1.25; }
.bd-pr { display: block; margin-top: 2px; font-size: 13.5px; font-weight: 600; line-height: 1.3; color: var(--mut); transition: color .3s; }
.bd-pick.is-on .bd-pr { color: var(--l300); }
.bd-stage { position: relative; overflow: clip; overflow-clip-margin: 6px; touch-action: pan-y; }
.bd-panel { padding: clamp(22px, 3vw, 38px); border-radius: 28px; background: var(--s50); }
.bd-panel:focus { outline: none; }
.bd-panel:focus-visible { outline: 3px solid var(--sky); outline-offset: -3px; }
.bd-ph { display: flex; align-items: center; gap: clamp(16px, 2vw, 22px); }
.bd-ph .bd-face-l { width: clamp(72px, 18vw, 88px); height: clamp(72px, 18vw, 88px); border-radius: 24px; box-shadow: 0 16px 30px -22px rgb(0 57 116 / .8); }
.bd-ph .bd-face-l.is-none { font-size: 26px; background: #fff; }
.board .bd-role { margin: 0 0 6px; font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.board .bd-name { margin: 0; font-size: clamp(24px, 2.8vw, 32px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; text-wrap: pretty; }
.bd-panel .bd-facts { margin-top: clamp(22px, 2.6vw, 28px); padding-top: 20px; border-top: 1px solid var(--s200); }
.bd-bio { margin-top: clamp(20px, 2.4vw, 26px); }
.bd-bio p { margin: 0 0 1em; max-width: 64ch; text-wrap: pretty; }
.bd-bio p:last-child { margin-bottom: 0; }
.bd-steps { display: flex; gap: 16px; margin-top: clamp(24px, 3vw, 32px); padding-top: 16px; border-top: 1px solid var(--s200); }
.bd-step { display: grid; justify-items: start; gap: 3px; max-width: 48%; padding: 6px 0; border: 0; background: none; color: var(--navy); font: inherit; text-align: left; cursor: pointer; }
.bd-step-next { margin-left: auto; justify-items: end; text-align: right; }
.bd-sk { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.bd-step-prev .bd-sk::before, .bd-step-next .bd-sk::after { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--i-next) center / contain no-repeat; mask: var(--i-next) center / contain no-repeat; }
.bd-step-prev .bd-sk::before { -webkit-mask-image: var(--i-prev); mask-image: var(--i-prev); }
.bd-sn { font-size: 15.5px; font-weight: 700; line-height: 1.3; text-decoration: underline transparent; text-underline-offset: .2em; transition: text-decoration-color .2s; }
.bd-step:hover .bd-sn { text-decoration-color: currentColor; }
@media (hover: hover) {
  .bd-step-next:hover .bd-sk::after { animation: b-next .6s var(--b-ink); }
  .bd-step-prev:hover .bd-sk::before { animation: b-prev .6s var(--b-ink); }
}
@media (min-width: 900px) {
  .bd-team { grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-items: start; }
  .bd-roster { position: sticky; top: 112px; flex-direction: column; gap: 4px; overflow: visible; margin: 0; padding: 0; }
  .bd-pick { justify-content: flex-start; gap: 14px; padding: 10px 18px 10px 10px; }
  .bd-pick .bd-face { width: 52px; height: 52px; }
  .bd-pt { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
}
.board .bd-terms { display: grid; grid-auto-flow: column; grid-auto-columns: min(78%, 300px); gap: 12px; overflow-x: auto; margin: 0 calc(-1 * var(--gut)); padding: 2px var(--gut) 8px; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); scrollbar-width: none; overscroll-behavior-x: contain; }
.bd-terms::-webkit-scrollbar { display: none; }
.bd-term { padding: 18px 20px 20px; border-radius: 22px; background: var(--s50); font-size: 15px; line-height: 1.5; scroll-snap-align: start; }
.bd-term b { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--s200); font-size: 15.5px; font-weight: 800; line-height: 1.3; color: var(--navy); }
.board .bd-term li { padding: 2px 0; }
.board .bd-term li.is-chair { font-weight: 700; color: var(--navy); }
@media (min-width: 600px) { .board .bd-terms { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; margin-inline: 0; padding: 0; } }
@media (min-width: 900px) { .board .bd-terms { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
.bd-intro, .bd-notes { max-width: 72ch; }
@media (prefers-reduced-motion: no-preference) {
  .bd-reveal .bd-ch { transition: opacity .7s var(--glide), translate .9s var(--glide); }
  .bd-reveal .bd-ch:not(.is-in) { opacity: 0; translate: 0 24px; }
}
@media (prefers-reduced-motion: reduce) { .bd-pick, .bd-face { transition: none; } }
@media print {
  .bd-roster, .bd-steps { display: none !important; }
  .bd-panel[hidden] { display: block !important; }
  .bd-panel { margin-bottom: 16px; break-inside: avoid; }
  .bd-reveal .bd-ch { opacity: 1 !important; translate: none !important; }
}
.head-sub { margin: 10px 0 0; max-width: 32ch; font-size: clamp(17px, 1.9vw, 21px); font-weight: 700; line-height: 1.35; color: var(--navy); text-wrap: balance; }
.head-sub :is(strong, b) { font-weight: inherit; }
.st-cover { padding-bottom: clamp(24px, 3vw, 36px); }
.statute .st-pre { margin: 0 0 .6em; max-width: 38em; font-size: clamp(19px, 1.85vw, 22px); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; color: var(--navy); text-wrap: pretty; }
.st-pre :is(strong, b) { font-weight: inherit; }
.st-nav { --i-find: url(/images/redesign/icons/search.svg?v=1); --i-x: url(/images/redesign/icons/close.svg?v=1); --i-down: url(/images/redesign/icons/chevron-down.svg?v=1);
  position: sticky; top: 64px; z-index: 6; margin: 0 calc(-1 * var(--gut)) 4px; background: rgb(255 255 255 / .94); box-shadow: 0 1px 0 var(--line); -webkit-backdrop-filter: blur(12px) saturate(1.3); backdrop-filter: blur(12px) saturate(1.3); }
html:has(.st-nav) { scroll-padding-top: 136px; }
.st-bar { position: relative; display: flex; align-items: center; gap: 8px; padding: 8px var(--gut); }
.st-open, .st-open-find, .st-fb { border: 0; background: var(--s50); box-shadow: inset 0 0 0 1px var(--line); color: var(--navy); font: inherit; cursor: pointer; transition: background-color .25s, box-shadow .25s, color .25s; -webkit-tap-highlight-color: transparent; }
.st-open { display: flex; flex: 1; align-items: center; gap: 10px; min-width: 0; min-height: 44px; padding: 0 16px; border-radius: 999px; text-align: left; }
.st-open-k { flex: none; font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
@media (max-width: 479px) { .st-open-k { display: none; } }
.st-open-t { flex: 1; min-width: 0; overflow: hidden; font-size: 14.5px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.st-open::after, .st-open-find::before, .st-fb::before { content: ""; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--i-down) center / contain no-repeat; mask: var(--i-down) center / contain no-repeat; transition: rotate .35s var(--glide); }
.st-nav.is-open .st-open { background: var(--navy); box-shadow: none; color: #fff; }
.st-nav.is-open .st-open-k { color: var(--l300); }
.st-nav.is-open .st-open::after { rotate: 180deg; }
.st-open-find { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: 50%; }
.st-open-find::before { -webkit-mask-image: var(--i-find); mask-image: var(--i-find); }
.st-open:hover, .st-open-find:hover, .st-fb:hover { background: var(--s100); box-shadow: inset 0 0 0 1px var(--s200); }
.st-prog { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--navy); transform: scaleX(0); transform-origin: 0 50%; }
.st-find { position: absolute; left: 0; right: 0; top: 0; z-index: 1; display: none; align-items: center; gap: 6px; padding: 8px var(--gut); background: #fff; }
.st-nav.is-finding .st-find { display: flex; }
.st-find input { flex: 1; min-width: 0; height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200); font-size: 16px; font-weight: 600; color: var(--navy); transition: box-shadow .2s; -webkit-appearance: none; appearance: none; }
.st-find input::placeholder { color: #8796AA; font-weight: 500; }
.st-find input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--navy); }
.st-find input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.st-count { flex: none; font-size: 13px; font-weight: 800; color: var(--mut); white-space: nowrap; font-variant-numeric: tabular-nums; }
.st-count:empty { display: none; }
.st-fb { display: none; flex: none; place-items: center; width: 38px; height: 38px; border-radius: 50%; }
.st-fprev::before { rotate: 180deg; }
.st-fclr::before { width: 16px; height: 16px; -webkit-mask-image: var(--i-x); mask-image: var(--i-x); }
.st-nav.has-hits :is(.st-fprev, .st-fnext), .st-nav:is(.has-q, .is-finding) .st-fclr { display: grid; }
.st-menu { position: absolute; left: 0; right: 0; top: 100%; display: none; max-height: min(66vh, 540px); overflow: auto; overscroll-behavior: contain; padding: 6px var(--gut) 14px; background: #fff; box-shadow: 0 1px 0 var(--line), 0 24px 40px -24px rgb(0 43 87 / .35); }
.st-nav.is-open .st-menu { display: block; }
.st-toc { display: grid; gap: 2px; }
.st-toc a { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: baseline; gap: 6px; padding: 10px 12px; border-radius: 14px; color: var(--navy); font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; transition: background-color .25s, color .3s, opacity .3s; }
.st-toc a:hover { background: var(--s50); color: var(--navy); }
.st-toc a.is-on { background: var(--s100); }
.st-tn { font-size: 13px; font-weight: 800; color: var(--sky-t); font-variant-numeric: tabular-nums; }
.st-tc { min-width: 24px; padding: 2px 7px; border-radius: 999px; background: var(--lime); color: var(--navy-deep); font-size: 12px; font-weight: 800; line-height: 1.3; text-align: center; font-variant-numeric: tabular-nums; }
.st-tc:empty { display: none; }
.st-toc a.is-miss { opacity: .42; }
.st-track { display: none; }
@media (min-width: 1100px) {
  html:has(.st-nav) { scroll-padding-top: 100px; }
  .reader { grid-template-columns: 236px minmax(0, 1fr); column-gap: clamp(40px, 4.5vw, 64px); }
  .st-cover, .st-doc { grid-column: 2; }
  .st-nav { grid-column: 1; grid-row: 1 / span 2; align-self: start; top: 112px; display: flex; flex-direction: column; max-height: calc(100vh - 136px); margin: 0; padding-top: 4px; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .st-bar { display: none; }
  .st-find, .st-nav.is-finding .st-find { position: relative; display: flex; flex-wrap: wrap; padding: 0 0 18px; background: none; }
  .st-find input { flex: 1 1 100%; height: 46px; padding: 0 44px 0 18px; font-size: 15px; }
  .st-find::before { content: ""; position: absolute; right: 16px; top: 14px; width: 18px; height: 18px; background: var(--sky-t); -webkit-mask: var(--i-find) center / contain no-repeat; mask: var(--i-find) center / contain no-repeat; pointer-events: none; }
  .st-nav.has-q .st-find::before { display: none; }
  .st-count { order: 1; margin: 10px auto 0 4px; }
  .st-fb { order: 2; width: 34px; height: 34px; margin-top: 8px; }
  .st-nav.is-finding:not(.has-q) .st-fclr { display: none; }
  .st-fclr { position: absolute; right: 6px; top: 6px; margin: 0; background: none; box-shadow: none; }

  .st-menu, .st-nav.is-open .st-menu { position: relative; top: auto; display: block; flex: 1 1 auto; min-height: 0; max-height: none; margin-left: -8px; padding: 2px 0 2px 8px; background: none; box-shadow: none; scrollbar-width: thin; }
  .st-toc a { grid-template-columns: 34px minmax(0, 1fr) auto; padding: 8px 4px 8px 28px; border-radius: 0; color: var(--mut); font-size: 14.5px; }
  .st-toc a:hover, .st-toc a.is-on { background: none; color: var(--navy); }

  .st-toc a::before { content: ""; position: absolute; left: 1px; top: calc(8px + .65em); width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px var(--s200); transition: background-color .4s, box-shadow .4s; }
  .st-toc a.is-past::before { background: var(--navy); box-shadow: inset 0 0 0 2px var(--navy); }
  .st-track { position: absolute; left: 15px; top: 0; display: block; width: 2px; height: 0; margin-left: -1px; background: var(--s200); }
  .st-fill { position: absolute; inset: 0; background: var(--navy); transform: scaleY(0); transform-origin: 50% 0; }
  .st-bead { position: absolute; z-index: 2; left: 50%; top: 0; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 3px #fff, inset 0 0 0 2px var(--navy); }
  .st-toc { position: relative; z-index: 1; }
}
.st-sec { padding-top: clamp(26px, 3.4vw, 44px); }
.st-sec:focus { outline: none; }
.st-sh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; margin-bottom: 8px; padding-bottom: 14px; border-bottom: 2px solid var(--navy); }
.reader h2 { display: flex; align-items: baseline; gap: .55em; margin: 0; font-size: clamp(23px, 2.6vw, 30px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.st-rn { flex: none; font-size: 1.3em; letter-spacing: -.02em; color: var(--sky); }
@media (min-width: 760px) { .st-rn { min-width: 1.9em; } }
.statute .st-range { margin: 0; font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.st-art { display: grid; grid-template-columns: minmax(0, 1fr); padding: 16px 0 18px; border-radius: 4px; }
.st-art + .st-art { border-top: 1px solid var(--line); }
.st-art:focus { outline: none; }
.statute .st-at { margin: 0 0 4px; font-size: 17.5px; font-weight: 800; line-height: 1.35; color: var(--navy); }
.st-at :is(strong, b) { font-weight: inherit; }
.statute .st-no { margin: 0 0 4px; }
.st-no a { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 800; letter-spacing: .04em; color: var(--sky-t); text-decoration: none; white-space: nowrap; font-variant-numeric: tabular-nums; }
.st-no a::after { content: ""; flex: none; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--i-link) center / contain no-repeat; mask: var(--i-link) center / contain no-repeat; opacity: 0; transition: opacity .2s; }
.st-art:hover .st-no a::after, .st-no a:focus-visible::after { opacity: .55; }
.st-no a:hover { color: var(--navy); }
.st-no a:hover::after { opacity: 1; }
@media (hover: none) { .st-no a::after { opacity: .45; } }
.st-body { max-width: 72ch; }
.statute .st-body p { margin: 0 0 .5em; }
.st-body > :last-child { margin-bottom: 0 !important; }
.st-al { position: relative; padding-left: 2.5em; }
.st-m { font-weight: 800; color: var(--sky-t); font-variant-numeric: tabular-nums; }
.st-al > .st-m, .st-pts .st-m { position: absolute; left: 0; top: 0; }
.st-pts { margin: .15em 0 .7em !important; }
.st-pts.is-in { padding-left: 2.5em !important; }
.statute .st-pts li { position: relative; margin: 0 0 .32em; padding-left: 2.1em; }
.st-pts .st-m { color: var(--navy); }
.statute .st-lead { font-weight: 800; color: var(--navy); }
.st-lead :is(strong, b) { font-weight: inherit; }
.st-ref { font-weight: 700; }
@media (min-width: 760px) {
  .st-art { grid-template-columns: 78px minmax(0, 1fr); column-gap: 6px; padding: 18px 0 20px; }
  .statute .st-no { grid-column: 1; grid-row: 1; margin: 0; padding-top: .2em; }
  .st-at, .st-body { grid-column: 2; }
}
.st-art.is-flash { animation: st-flash 1.9s ease-out; }
@keyframes st-flash { 0%, 35% { background: var(--l100); box-shadow: 0 0 0 12px var(--l100); } 100% { background: rgb(243 244 216 / 0); box-shadow: 0 0 0 12px rgb(243 244 216 / 0); } }
mark.st-hit { padding: 0 1px; border-radius: 3px; background: var(--l200); color: inherit; }
mark.st-hit.is-cur { background: var(--lime); color: var(--navy-deep); box-shadow: 0 0 0 2px var(--lime); }
.st-xref { display: grid; gap: 16px; align-items: center; margin: 14px 0 6px; padding: 20px 24px; border-radius: 24px; background: var(--s50); }
.statute .st-xt p { margin: 0; color: var(--mut); font-size: 15.5px; line-height: 1.5; }
.statute .st-xt .st-xk { margin-bottom: 2px; color: var(--navy); font-size: 18px; font-weight: 800; }
.st-xref .btn { justify-self: start; min-height: 46px; padding: 0 22px; font-size: 15.5px; }
.st-faces { display: flex; min-height: 46px; }
.statute .st-faces img { width: 46px; height: 46px; margin-right: -9px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; background: var(--s100); box-shadow: 0 0 0 3px var(--s50); opacity: 0; translate: 0 8px; transition: opacity .5s, translate .7s var(--spring); }
.st-faces.is-on img { opacity: 1; translate: none; }
.st-faces.is-on img:nth-child(2) { transition-delay: .06s; } .st-faces.is-on img:nth-child(3) { transition-delay: .12s; } .st-faces.is-on img:nth-child(4) { transition-delay: .18s; } .st-faces.is-on img:nth-child(n+5) { transition-delay: .24s; }
@media (min-width: 760px) {
  .st-xref { grid-template-columns: auto minmax(0, 1fr) auto; gap: 24px; }
  .st-xref:not(:has(.st-faces)) { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (prefers-reduced-motion: no-preference) {
  .st-reveal .st-sec { transition: opacity .8s var(--glide); }
  .st-reveal .st-sec:not(.is-in) { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .st-nav .st-bead, .st-faces img, .st-open::after { transition: none; } .st-art.is-flash { animation-duration: .01s; } }
@media print {
  .st-nav, .st-xref { display: none !important; }
  .reader { display: block; }
  .st-reveal .st-sec { opacity: 1 !important; }
  .st-sec { break-inside: auto; }
  .st-art { break-inside: avoid; }
  mark.st-hit { background: none; box-shadow: none; }
  .st-no a::after { display: none; }
}
html.js .page:has(.crumbs > a:last-child[href*="/reports/"]) .content:not(.is-raw):not(:has(> .reports)),
html.js .page:has(.crumbs > a:last-child[href$="/child_protection_policy/"]) .content:not(.is-raw):not(:has(> .policy)) { opacity: 0; animation: bd-show .3s 1.5s forwards; }
.reports { display: grid; grid-template-columns: minmax(0, 1fr); }
.reports :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
.reports li { margin: 0; }
.rp-years { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: clamp(26px, 3.2vw, 40px); }
.reports .rp-yk { margin: 0; font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.rp-years ul { display: flex; flex-wrap: wrap; gap: 8px; }
.rp-years a { --ink-bg: var(--navy); --ink-fg: #fff; display: inline-flex; align-items: center; justify-content: center; min-width: 76px; height: 44px; padding: 0 18px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200); color: var(--navy); font-weight: 800; font-variant-numeric: tabular-nums; text-decoration: none; transition: background-color .2s, box-shadow .2s, color .2s, scale .16s ease-out; }
.rp-years a:not(.has-ink):hover, .rp-years a[aria-current] { background: var(--navy); box-shadow: none; color: #fff; }
.rp-years a:active { scale: .96; }
.rp-year { padding-block: clamp(28px, 3.6vw, 44px); border-top: 1px solid var(--line); }
.rp-years + .rp-year { padding-top: 0; border-top: 0; }
.reports .rp-y { margin: 0 0 20px; font-size: clamp(42px, 5.4vw, 64px); font-weight: 800; line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.rp-y a { display: inline-block; padding-bottom: 12px; background: linear-gradient(var(--lime), var(--lime)) 0 100% / 36px 4px no-repeat; color: var(--navy); text-decoration: none; transition: background-size .35s var(--glide); }
.rp-y a:hover { background-size: 100% 4px; color: var(--navy); }
.rp-g { margin-left: .2em; font-size: .4em; letter-spacing: 0; color: var(--sky-t); }
@media (min-width: 900px) {
  .rp-year { display: grid; grid-template-columns: 190px minmax(0, 1fr); column-gap: clamp(28px, 3.4vw, 48px); align-items: start; }
  .reports .rp-y { position: sticky; top: 112px; margin: 0; }
}
.rp-cards { columns: 300px; column-gap: 16px; margin-bottom: -16px; }
.rp-card { margin-bottom: 16px; padding: 20px 20px 18px; border-radius: 24px; background: var(--s50); break-inside: avoid; }
.reports .rp-at { margin: 0 0 4px; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: .14em; text-transform: uppercase; color: var(--sky-t); }
.reports .rp-name { margin: 0 0 14px; font-size: 18.5px; font-weight: 800; line-height: 1.3; text-wrap: balance; }
.rp-name a { color: var(--navy); text-decoration: underline transparent; text-underline-offset: .2em; transition: text-decoration-color .2s; }
.rp-name a:hover { color: var(--navy); text-decoration-color: currentColor; }
.rp-docs { display: grid; gap: 8px; }
.rp-doc { --ink-bg: var(--navy); --ink-fg: #fff; display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 11px 16px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--navy); text-decoration: none; transition: background-color .2s, box-shadow .2s, color .2s, scale .16s ease-out; }
.rp-dx { display: grid; flex: 1; min-width: 0; gap: 1px; }
.rp-dt { font-size: 15.5px; font-weight: 700; line-height: 1.35; text-wrap: pretty; }
.rp-dm { font-size: 12.5px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; color: var(--mut); font-variant-numeric: tabular-nums; }
.rp-dm:empty { display: none; }
.rp-doc::after, .rp-doc > .ink::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--i-out) center / contain no-repeat; mask: var(--i-out) center / contain no-repeat; opacity: .6; }
.rp-doc .ink .rp-dm { color: inherit; opacity: .78; }
@media (hover: hover) {
  .rp-doc:not(.has-ink):hover { background: var(--navy); box-shadow: none; color: #fff; }
  .rp-doc:not(.has-ink):hover .rp-dm { color: var(--l300); }
}
@media (hover: none) {
  .rp-doc:active { background: var(--navy); box-shadow: none; color: #fff; }
  .rp-doc:active .rp-dm { color: var(--l300); }
}
.rp-doc:active { scale: .985; }
@media (hover: hover) { .rp-doc:hover::after, .rp-doc:hover > .ink::after { animation: b-out .6s var(--b-ink); } }
.reports > .rp-docs { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 12px; max-width: 980px; }
.reports > .rp-docs .rp-doc { min-height: 76px; padding: 14px 20px; background: var(--s50); box-shadow: none; }
.reports > .rp-docs .rp-dt { font-size: 16.5px; }
@media (prefers-reduced-motion: no-preference) {
  .reports { animation: rp-in .45s var(--glide) both; }
  @keyframes rp-in { from { opacity: 0; translate: 0 10px; } }
}
.policy :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
.policy li { margin: 0; }
.policy .st-sec:first-child { padding-top: 0; }
.cp-body { padding-top: clamp(14px, 1.8vw, 20px); }
.policy .cp-body p { margin: 0 0 .9em; max-width: 68ch; text-wrap: pretty; }
:is(.cp-body, .cp-ib, .cp-card) > :last-child { margin-bottom: 0 !important; }
.policy .cp-sub { display: flex; align-items: center; gap: 12px; margin: 4px 0 2px; font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.cp-sub::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.cp-item { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; padding: 16px 0 18px; }
@media (max-width: 759px) {
  .cp-ib { display: contents; }
  .cp-ib > :not(:first-child) { grid-column: 1 / -1; }
}
.cp-item + .cp-item { border-top: 1px solid var(--line); }
.cp-body > .cp-item:first-child { padding-top: 4px; }
.policy .cp-n { margin: 0; font-weight: 800; color: var(--sky-t); font-variant-numeric: tabular-nums; }
.policy .cp-t, .cp-item:has(.cp-t) .cp-n { font-size: 19px; line-height: 1.35; }
.policy .cp-t { margin: 0 0 .5em; font-weight: 800; color: var(--navy); }
.cp-lead :is(strong, b) { font-weight: 800; color: var(--navy); }
@media (min-width: 760px) { .cp-item { grid-template-columns: 64px minmax(0, 1fr); column-gap: 0; padding: 20px 0 22px; } }
@media (min-width: 1100px) { :is(.policy, .bulletin) .st-tl { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } }
.policy .cp-ul { margin: 0 0 1em; }
.policy .cp-ul li { position: relative; max-width: 68ch; margin: 0 0 .55em; padding-left: 1.55em; text-wrap: pretty; }
.cp-ul li::before { content: ""; position: absolute; left: .3em; top: calc(.5lh - 3.5px); width: 7px; height: 7px; background: var(--sky); rotate: 45deg; }
.policy .cp-label { margin: 1.3em 0 .1em; font-size: 12.5px; font-weight: 800; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.policy .cp-ol { display: grid; gap: 12px; margin: .7em 0 1.2em; }
.policy .cp-ol li { padding: 16px 20px 18px; border-radius: 20px; background: var(--s50); font-size: 15.5px; line-height: 1.55; text-wrap: pretty; }
.cp-on { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 800; color: var(--sky-t); font-variant-numeric: tabular-nums; }
.cp-term { display: block; margin-bottom: 4px; font-size: 16.5px; font-weight: 800; line-height: 1.35; color: var(--navy); }
@media (min-width: 760px) { .policy .cp-ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cp-cards { margin-top: clamp(18px, 2.2vw, 26px); }
.cp-card { margin: 0 0 16px; padding: 22px 24px 22px; border-radius: 24px; background: var(--s50); break-inside: avoid; }
.policy .cp-ct { margin: 0 0 12px; padding-top: 16px; background: linear-gradient(var(--lime), var(--lime)) 0 0 / 30px 4px no-repeat; font-size: 19px; font-weight: 800; line-height: 1.3; }
.cp-card p, .policy .cp-card .cp-ul li { font-size: 16px; line-height: 1.6; }
@media (min-width: 900px) { .cp-cards { columns: 2; column-gap: 16px; } }
@media print {
  .rp-years, .rp-doc::after { display: none !important; }
  .reports, .rp-card, .cp-card, .policy .cp-ol li { animation: none; break-inside: avoid; }
  .cp-cards { columns: 1; }
}
html.js .page:has(.crumbs > a:last-child[href*="/bulletin/"]) .content:not(.is-raw):not(:has(> .bulletin)) { opacity: 0; animation: bd-show .3s 1.5s forwards; }
.bl-issues { display: flex; align-items: flex-start; gap: 10px 16px; margin-bottom: clamp(26px, 3.2vw, 40px); }
.content .bl-ik { flex: none; margin: 0; font-size: 12.5px; font-weight: 800; line-height: 44px; letter-spacing: .16em; text-transform: uppercase; color: var(--sky-t); }
.content .bl-issues ul { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.content .bl-issues li { flex: none; margin: 0; }
.bl-issues a { --ink-bg: var(--navy); --ink-fg: #fff; display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200); color: var(--navy); font-weight: 800; font-variant-numeric: tabular-nums; text-decoration: none; transition: background-color .2s, box-shadow .2s, color .2s, scale .16s ease-out; }
.bl-issues a[aria-current] { background: var(--navy); box-shadow: none; color: #fff; }
@media (hover: hover) { .bl-issues a:not(.has-ink):hover { background: var(--navy); box-shadow: none; color: #fff; } }
.bl-issues a:active { scale: .94; }
@media (max-width: 759px) {
  .content .bl-issues ul { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; margin-right: calc(-1 * var(--gut)); padding: 2px var(--gut) 2px 2px; }
  .bl-issues ul::-webkit-scrollbar { display: none; }
  .bl-issues li { scroll-snap-align: start; }
}
.bulletin .st-nav :is(ol, ul) { list-style: none; margin: 0; padding: 0; }
.bulletin .st-nav li { margin: 0; }
.bulletin .st-sec:first-of-type { padding-top: 0; }
.bl-body { padding-top: clamp(14px, 1.8vw, 20px); }
.bl-body > :last-child { margin-bottom: 0 !important; }
.bulletin .bl-body :is(p, li, address) { max-width: 72ch; text-wrap: pretty; }
.reader .bl-body h2 { display: block; margin: 1.4em 0 .5em; font-size: clamp(20px, 2.2vw, 24px); }
.bulletin .bl-body h3 { font-size: clamp(17px, 1.9vw, 19px); }
.bl-cover { padding-bottom: 8px; }
.bl-pager { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: clamp(36px, 4.5vw, 56px); padding-top: 24px; border-top: 1px solid var(--line); }
.bl-pager .pager-next { margin-left: auto; }
@media print { .bl-issues, .bl-pager { display: none !important; } }
.content .err-lead { max-width: 38em; font-size: clamp(18px, 2.1vw, 20px); line-height: 1.6; }
.err-find { max-width: 560px; margin: 26px 0 0; }
.err-find label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--mut); }
.err-find-in { display: flex; gap: 10px; }
.err-find input { flex: 1; min-width: 0; height: 54px; padding: 0 22px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200); font-weight: 600; color: var(--navy); transition: box-shadow .2s; -webkit-appearance: none; appearance: none; }
.err-find input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--navy); }
.err-find .btn { flex: none; }
.content .err-again { margin: 26px 0 0; }
.content .err-page h2 { margin-top: clamp(36px, 5vw, 52px); }
@media (max-width: 479px) { .err-find-in { flex-direction: column; } .err-find input { flex: none; } .err-find .btn { align-self: flex-start; } }
.foot { background: var(--navy); color: var(--s200); font-size: 15.5px; }
.foot-stitch { --st-h: clamp(120px, 12vw, 184px); position: relative; box-sizing: content-box; height: var(--st-h); background: url(/images/redesign/footer-stitch-center.svg) center / auto 100% no-repeat; border-bottom: 1px solid rgb(255 255 255 / .08); }
.foot-stitch::before, .foot-stitch::after { content: ""; position: absolute; top: 0; bottom: 0; width: calc(50% - var(--st-h) * 127 / 66); background: url(/images/redesign/footer-stitch.svg) left center / auto 100% repeat-x; }
.foot-stitch::before { left: 0; transform: scaleX(-1); }
.foot-stitch::after { right: 0; }
.foot-in { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 28px 48px; padding-block: clamp(44px, 5vw, 64px) clamp(28px, 3vw, 36px); }
.foot a { color: #fff; text-decoration: none; }
.foot a:hover { color: var(--l300); }
.foot-logo { display: block; width: 172px; max-width: 100%; aspect-ratio: 655.58 / 233.91; background: url(/images/redesign/logo-lockup-bg-white.svg) left center / contain no-repeat; }
html[lang="en"] .foot-logo { aspect-ratio: 571.42 / 230.92; width: 158px; background-image: url(/images/redesign/logo-lockup-en-white.svg); }
.foot-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.foot-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-style: normal; line-height: 1.45; }
.foot-contact a { font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.foot-contact > span { margin-top: 6px; font-size: 14.5px; }
.foot-nav { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 26px; padding-top: 26px; border-top: 1px solid rgb(255 255 255 / .12); }
.foot-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
.foot .foot-nav a { color: var(--s200); font-size: 14.5px; }
.foot .foot-nav a:hover { color: #fff; }
.foot-base { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
.foot-copy { margin: 0; font-size: 13.5px; color: #A9C6E0; }
.foot-legal { display: grid; justify-items: start; gap: 12px; }
.foot .foot-made { display: inline-flex; align-items: center; gap: 7px; color: rgb(255 255 255 / .42); transition: color .3s; }
.foot-made-t { font-size: 8.5px; font-weight: 700; line-height: 1; letter-spacing: .2em; text-transform: uppercase; text-box: trim-both cap alphabetic; }
.foot-made svg { flex: none; width: auto; height: 15px; aspect-ratio: 137.7 / 78.1; fill: currentColor; transition: translate .45s var(--spring); }
.foot .foot-made:hover { color: #fff; }
@media (pointer: coarse) { .foot .foot-made { padding-block: 11px; margin-block: -11px; } }
.foot-made:hover svg { translate: 0 -1px; }
@media (prefers-reduced-motion: reduce) { .foot-made svg { transition: none; } }
.foot-icons { display: flex; gap: 10px; margin: 0; }
.foot .foot-icon { --ink-bg: var(--lime); --ink-fg: var(--navy-deep); display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .22); transition: box-shadow .2s, background-color .2s, scale .16s ease-out; }
.foot .foot-icon:not(.has-ink):hover { color: #fff; background: rgb(255 255 255 / .07); box-shadow: inset 0 0 0 1.5px var(--lime); }
.foot .foot-icon.has-ink:hover { color: #fff; }
.foot .foot-icon:active { scale: .92; }
.foot-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.foot-icon svg.is-fill { fill: currentColor; stroke: none; }
@media (min-width: 800px) {
  .foot-in { grid-template-columns: auto auto; justify-content: space-between; }
  .foot-contact { align-items: flex-end; text-align: right; }
  html[lang="bg"] .foot-nav ul:last-child { margin-left: auto; }
}
.sr { --sr-col: 780px; }
::target-text { background: rgb(177 187 13 / .42); color: inherit; }
.sr mark, .suggest mark { padding: 0 .06em; border-radius: 2px; background: linear-gradient(transparent 54%, rgb(177 187 13 / .42) 54%, rgb(177 187 13 / .42) 94%, transparent 94%); color: inherit; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.sr-form { max-width: var(--sr-col); margin: 0 0 30px; }
.sr-field { display: flex; align-items: center; gap: 4px; height: 64px; padding: 0 6px 0 22px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200), 0 16px 32px -26px rgb(0 57 116 / .6); transition: box-shadow .2s; }
.sr-field:focus-within { box-shadow: inset 0 0 0 1.5px var(--sky), 0 0 0 5px rgb(36 146 209 / .14), 0 16px 32px -26px rgb(0 57 116 / .6); }
.sr-icon { flex: none; width: 22px; height: 22px; color: rgb(0 57 116 / .5); }
.sr-input { flex: 1; min-width: 0; height: 100%; padding: 0 8px; border: 0; background: none; font-size: 19px; font-weight: 600; color: var(--navy); -webkit-appearance: none; appearance: none; }
.sr-input:focus { outline: none; }
.sr-input::placeholder { color: #8797AC; font-weight: 500; opacity: 1; }
.sr-input::-webkit-search-cancel-button { -webkit-appearance: none; align-self: center; width: 18px; height: 18px; margin: 0 4px 0 8px; background: var(--mut); -webkit-mask: url(/images/redesign/icons/close.svg?v=1) center / contain no-repeat; cursor: pointer; }
.sr-go.btn { flex: none; min-height: 52px; padding: 0 26px; }
.sr-out { transition: opacity .2s; }
.sr-out.is-busy { opacity: .45; transition-delay: .15s; }
.sr-tabs ul { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.content .sr-tabs li { margin: 0; }
.sr-tabs a { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 700; color: var(--navy); text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s, box-shadow .2s; }
.sr-n { font-size: 13.5px; font-weight: 700; color: var(--mut); font-variant-numeric: tabular-nums; transition: color .2s; }
.sr-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin: 0 0 16px; }
.content .sr-count { margin: 0; font-size: 15.5px; color: var(--mut); }
.sr-count:focus { outline: none; }
.sr-count strong { color: var(--navy); font-weight: 800; font-variant-numeric: tabular-nums; }
.content .sr-sort { display: inline-flex; align-items: center; gap: 2px; margin: 0; padding: 3px; border-radius: 999px; background: var(--s50); box-shadow: inset 0 0 0 1px var(--line); font-size: 14px; line-height: 1.2; }
.sr-sort-l { padding: 0 6px 0 10px; color: var(--mut); }
.sr-sort a { padding: 7px 14px; border-radius: 999px; font-weight: 700; color: var(--navy); text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.sr-sort a:hover { background: rgb(0 57 116 / .06); }
.sr-sort a[aria-current] { background: #fff; box-shadow: 0 0 0 .5px rgb(0 57 116 / .14), 0 4px 10px -5px rgb(0 57 116 / .4); }
.content .sr-some { margin: 0 0 18px; padding: 12px 16px; border-radius: 12px; background: var(--l100); font-size: 15px; }
.content .sr-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--line); }
.content .sr-list > li { margin: 0; }
.sr-item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 28px; padding: 22px 0 24px; border-top: 1px solid var(--line); }
.sr-item.has-pic { grid-template-columns: minmax(0, 1fr) 132px; }
.sr-item > * { grid-column: 1; }
.content .sr-meta { margin: 0 0 5px; font-size: 13.5px; line-height: 1.4; color: var(--mut); }
.sr-kind { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--sky-t); }
.sr-meta time::before, .sr-where::before { content: "·"; margin: 0 .5em 0 .4em; color: #9DB8CC; }
.content h2.sr-title { margin: 0 0 6px; font-size: clamp(18px, 2vw, 20.5px); font-weight: 800; line-height: 1.32; letter-spacing: -.005em; transition: translate .45s var(--glide); }
.sr-title a { color: var(--navy); text-decoration: none; transition: color .2s; }
.sr-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.content .sr-snip { margin: 0; font-size: 16px; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.sr-snip mark { font-weight: 700; color: var(--navy); }
.content img.sr-pic { grid-column: 2; grid-row: 1 / span 3; align-self: start; width: 132px; height: 99px; margin-top: 3px; border-radius: 12px; object-fit: cover; background: var(--s50); transition: scale .6s var(--glide); }
@media (hover: hover) {
  .sr-item::before { content: ""; position: absolute; left: -22px; top: 24px; bottom: 26px; width: 3px; border-radius: 3px; background: var(--lime); scale: 1 0; transform-origin: 50% 0; transition: scale .5s var(--spring); }
  .sr-item:hover::before { scale: 1; }
  .sr-item:hover .sr-title { translate: 4px 0; }
  .sr-item:hover .sr-title a { color: var(--sky-t); }
  .sr-item:hover .sr-pic { scale: 1.04; }
}
@keyframes sr-in { from { opacity: 0; transform: translateY(10px); } }
.sr-list.is-in > .sr-item { animation: sr-in .5s var(--glide) both; animation-delay: calc(var(--i, 0) * 40ms); }
.sr-pager { margin-top: 32px; padding-top: 0; border-top: 0; }
.content .sr-lead { margin: 0 0 10px; font-size: 18px; color: var(--mut); }
.sr-lead strong { color: var(--navy); font-variant-numeric: tabular-nums; }
.content h2.sr-none-h { margin: 4px 0 12px; font-size: clamp(22px, 2.6vw, 27px); }
.content ul.sr-tips { margin: 0 0 18px; padding: 0; list-style: none; color: var(--mut); }
.content .sr-tips li { position: relative; margin: 6px 0; padding-left: 22px; }
.sr-tips li::before { content: ""; position: absolute; left: 0; top: .8em; width: 11px; height: 2px; border-radius: 2px; background: var(--lime); }
.content .sr-browse { margin: 0; color: var(--mut); }
.sr-browse a { font-weight: 700; }
.sr-and { white-space: nowrap; }
.sr-and > span { margin: 0 .3em; color: #9DB8CC; }
.sr-empty, .sr-none { max-width: var(--sr-col); }
@media (max-width: 999px) {
  .sr-tabs { margin: -10px calc(-1 * var(--gut)) 12px; padding: 0 var(--gut); overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: var(--gut); }
  .sr-tabs::-webkit-scrollbar { display: none; }
  .sr-tabs ul { width: max-content; padding: 2px 0; }
  .content .sr-tabs li { scroll-snap-align: start; }
  .sr-tabs a { height: 44px; padding: 0 18px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--s200); font-size: 15px; -webkit-tap-highlight-color: transparent; }
  .sr-tabs a:hover { box-shadow: inset 0 0 0 1.5px var(--sky); }
  .sr-tabs a:active { scale: .96; }
  .sr-tabs a[aria-current] { background: var(--navy); color: #fff; box-shadow: none; }
  .sr-tabs a[aria-current] .sr-n { color: rgb(255 255 255 / .72); }
}
@media (max-width: 759px), (max-height: 480px) and (max-width: 999px) {
  .page:has(.sr) .head { min-height: 0; padding-right: 0; margin-bottom: 24px; }
  .page:has(.sr) .head::after { display: none; }
}
@media (max-width: 759px) {
  .sr-sort-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .content .sr-sort { flex: none; margin-left: auto; }
  .sr-sort a { display: grid; place-items: center; min-height: 40px; padding: 0 9px; font-size: 13.5px; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 599px) {
  .sr-form { margin-bottom: 22px; }
  .sr-field { height: 56px; padding-left: 18px; }
  .sr-icon { width: 20px; height: 20px; }
  .sr-input { font-size: 17px; }
  .sr-go.btn { min-height: 44px; padding: 0 18px; font-size: 15.5px; }
  .sr-go.btn::after, .sr-go.btn > .ink::after { display: none; }
  .sr-head { gap: 10px; margin-bottom: 8px; }
  .content .sr-count { flex: none; font-size: 15px; }
  .sr-for { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sr-item { padding: 18px 0 20px; }
  .sr-item.has-pic { grid-template-columns: minmax(0, 1fr) 80px; column-gap: 14px; }
  .sr-item > .sr-meta, .sr-item > .sr-title { grid-column: 1 / -1; }
  .content h2.sr-title { font-size: 17.5px; line-height: 1.3; margin-bottom: 8px; }
  .sr-title a { -webkit-tap-highlight-color: transparent; }
  .sr-item:active .sr-title a { color: var(--sky-t); }
  .content .sr-snip { font-size: 15.5px; line-height: 1.55; -webkit-line-clamp: 4; }
  .content img.sr-pic { grid-row: 3; width: 80px; height: 80px; margin-top: 4px; border-radius: 10px; }
  .sr-pager { margin-top: 26px; }
}
@media (pointer: coarse) {
  .sr-sort a { display: grid; place-items: center; min-height: 40px; -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 374px) {
  .sr-head { flex-wrap: wrap; gap: 10px; }
  .content .sr-sort { display: flex; flex: 1 0 100%; margin-left: 0; }
  .sr-sort a { flex: 1; }
}
@media (max-width: 399px) {
  .sr-field { padding-left: 16px; padding-right: 5px; }
  .sr-go.btn { width: 46px; min-height: 46px; gap: 0; padding: 0; font-size: 0; }
  .sr-go.btn::after, .sr-go.btn > .ink::after { display: block; width: 20px; height: 20px; }
  .sr-item.has-pic { grid-template-columns: minmax(0, 1fr) 68px; }
  .content img.sr-pic { width: 68px; height: 68px; }
}
@media (min-width: 1000px) {
  .sr-form { max-width: calc(210px + 52px + var(--sr-col)); }
  .sr-out:has(> .sr-tabs) { display: grid; grid-template-columns: 210px minmax(0, var(--sr-col)); column-gap: 52px; align-items: start; }
  .sr-out > * { grid-column: 2; }
  .sr-out > .sr-tabs { grid-column: 1; grid-row: 1 / span 6; position: sticky; top: calc(var(--row-h) + 2 * var(--hdr-pad) + 20px); }
  .sr-tabs ul { flex-direction: column; gap: 2px; }
  .sr-tabs a { padding: 9px 14px; border-radius: 12px; font-size: 15.5px; color: rgb(0 57 116 / .78); }
  .sr-tabs a:hover { background: var(--s50); color: var(--navy); }
  .sr-tabs a[aria-current] { background: var(--s100); color: var(--navy); }
  .sr-tabs a[aria-current] .sr-n { color: var(--navy); }
}
.suggest { margin: 4px 0 6px; }
.suggest[hidden] { display: none; }
.sg-list { margin: 0; padding: 0; list-style: none; }
.sg-opt a { display: block; padding: 9px 12px; border-radius: 12px; color: var(--navy); text-decoration: none; transition: background-color .15s; }
.sg-opt.is-active a { background: rgb(0 57 116 / .065); }
.sg-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px; font-weight: 700; line-height: 1.35; }
.sg-m { display: block; margin-top: 3px; overflow: hidden; font-size: 12.5px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; color: var(--mut); }
.sg-k { font-size: 10.5px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--sky-t); }
.sg-k + span::before { content: "·"; margin: 0 .45em; color: #9DB8CC; }
.sg-opt.sg-all { position: sticky; bottom: calc(-1 * var(--sg-pad, 6px)); z-index: 1; margin: 4px 0 calc(-1 * var(--sg-pad, 6px)); padding: 4px 0 var(--sg-pad, 6px); border-top: 1px solid rgb(0 57 116 / .08); background: #fff; }
.sg-all a { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--sky-t); }
.sg-all a::after { content: ""; flex: none; width: 1.1em; height: 1.1em; background: currentColor; -webkit-mask: var(--i-next) center / contain no-repeat; mask: var(--i-next) center / contain no-repeat; transition: translate .4s var(--spring); }
.sg-all.is-active a::after { translate: 3px 0; }
.sg-none { padding: 10px 12px; font-size: 14.5px; color: var(--mut); }
@media (max-width: 1099px) {
  .hdr.has-suggest .menu { display: none; }
  .hdr.has-suggest .nav { --sg-pad: 14px; background: rgb(255 255 255 / .985); }
}
@media (min-width: 1100px) {
  .suggest { position: absolute; top: calc(100% + 14px); left: 0; right: 0; z-index: 3; margin: 0; padding: 6px; max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; border-radius: 20px; background: rgb(255 255 255 / .93); -webkit-backdrop-filter: blur(24px) saturate(1.8); backdrop-filter: blur(24px) saturate(1.8); box-shadow: inset 0 1px 0 #fff, 0 0 0 .5px rgb(0 57 116 / .14), 0 24px 48px -18px rgb(0 57 116 / .42); transform-origin: 50% 0; animation: sg-open .55s var(--spring); }
  @keyframes sg-open { from { opacity: 0; transform: translateY(-6px) scale(.97); } }
}
@media (min-width: 1100px) and (prefers-reduced-transparency: reduce) { .suggest { background: #fff; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .suggest { background: #fff; } }
@media (prefers-reduced-motion: reduce) {
  .sr-list.is-in > .sr-item, .suggest { animation: none; }
  .sr-item::before, .sr-title, .sr-pic, .sg-all a::after { transition: none; }
}
@media print {
  .sr-form, .sr-tabs, .sr-sort, .sr-pager { display: none !important; }
}
.pager-pages a.is-going, .content p.alphabet a.is-going, .content p.alphabet a[aria-current] { background: var(--navy); color: #fff; }
a.pager-prev.is-going, a.pager-next.is-going { scale: .97; }
.content[aria-busy="true"] { cursor: progress; }
.content[tabindex="-1"]:focus { outline: none; }
.rv { opacity: 0 !important; translate: 0 16px !important; }
.rv.rv-in { opacity: 1 !important; translate: none !important; transition: opacity .65s cubic-bezier(.22, 1, .36, 1), translate .65s cubic-bezier(.22, 1, .36, 1) !important; }
.im-wait { opacity: 0; }
.im-wait.im-on { opacity: 1; transition: opacity .5s ease-out, transform .6s ease; }
.nb:active, .page .side > .box:not(.box-accents) > :is(.nb, .ev):active { scale: .985; }
@media (hover: hover) and (pointer: fine) {
  .foot .foot-nav a, .foot .foot-contact a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: color .2s ease, background-size .35s cubic-bezier(.22, 1, .36, 1); }
  .foot .foot-nav a:hover, .foot .foot-contact a:hover { background-size: 100% 1px; }
}
@media print { .rv, .im-wait { opacity: 1 !important; translate: none !important; } }
html.nav-go .main { opacity: .6; transition: opacity .3s ease .06s; }
html.nav-wait .topbar { position: relative; z-index: 36; }
.skel {
  --top: calc(var(--tb-h) + var(--row-h) + 2 * var(--hdr-pad)); --sk: var(--s100);
  position: fixed; inset: 0; z-index: 34; overflow: hidden; padding-top: var(--top); cursor: progress;
  background: linear-gradient(var(--s50), var(--s50)) 0 0 / 100% var(--top) no-repeat, #fff;
  font-size: 17px; line-height: 1.65; animation: skel-in .26s ease-out both;
}
.skel::before { content: ""; position: absolute; left: 0; right: 0; top: calc(var(--tb-h) - 1px); height: 1px; background: rgb(0 57 116 / .08); }
@media (min-width: 900px) { .skel { font-size: 17.5px; } }
@keyframes skel-in { from { opacity: 0; } }
.sk {
  display: block; border-radius: 6px; animation: sk-light 1.8s cubic-bezier(.45, .05, .55, .95) infinite;
  background: linear-gradient(100deg, rgb(255 255 255 / 0) 30%, rgb(255 255 255 / .85) 50%, rgb(255 255 255 / 0) 70%) -100vw 0 / 100vw 100% no-repeat fixed, var(--sk);
}
@keyframes sk-light { to { background-position: 100vw 0; } }
.skel-band { --sk: rgb(0 57 116 / .075); background: var(--s50); box-shadow: inset 0 -2px var(--navy); }
.skel-head { display: flex; flex-direction: column; justify-content: flex-end; padding-block: 28px 26px; }
.skel-head::after { content: ""; display: block; aspect-ratio: 760 / 300; margin: 22px 0 -26px; }
.skel-crumbs { display: flex; align-items: center; gap: 14px; height: 23px; }
.skel-crumbs .sk { width: 56px; height: 9px; }
.skel-crumbs .sk + .sk { width: 84px; }
.skel-title { margin: 8px 0 0; max-width: 26ch; font-size: clamp(28px, 4.4vw, 46px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; color: var(--navy); text-wrap: balance; }
.skel-title .sk { width: 60%; height: .76em; margin-block: .18em; border-radius: 8px; }
.is-article .skel-title { font-size: clamp(26px, 3.4vw, 42px); }
.is-article.is-xlong .skel-title { font-size: clamp(23px, 2.7vw, 34px); }
.is-article .skel-title .sk { width: 100%; }
.is-article .skel-title .sk:nth-child(2) { width: 86%; }
.is-article .skel-title .sk:nth-child(3) { width: 48%; }
@media (min-width: 760px) {
  .skel-head { min-height: calc(min(48vw, 620px) * 300 / 760 + 60px); padding-right: calc(min(48vw, 620px) + 32px); }
  .skel-head::after { content: none; }
}
@media (min-width: 760px) and (max-width: 1099px) { .is-article .skel-head { min-height: calc(36vw * 300 / 760 + 60px); padding-right: calc(36vw + 28px); } }
@media (min-width: 1100px) { .skel-head { padding-block: 36px 34px; } }
.is-home .skel-band { box-shadow: inset 0 -2.5px var(--navy); }
.is-home .skel-head { min-height: 0; padding: 0; }
.is-home .skel-head::after { content: none; }
.is-home .skel-title { margin: clamp(40px, 5.5vw, 72px) 0 0; max-width: 13em; font-size: clamp(34px, 5vw, 54px); line-height: 1.06; letter-spacing: -.03em; }
.skel-lead { margin: 20px 0 0; max-width: 31em; font-size: clamp(16.5px, 1.6vw, 19px); line-height: 1.6; }
.is-home .skel-head > .skel-pill { width: 142px; height: 54px; margin: 28px 0 260px; border-radius: 999px; }
@media (max-width: 599px) { .is-home .skel-head > .skel-pill { width: auto; } }
@media (min-width: 760px) { .is-home .skel-head > .skel-pill { margin-bottom: 340px; } }
@media (min-width: 1100px) { .is-home .skel-head > .skel-pill { margin-bottom: 178px; } }
.skel-lines { display: grid; margin: 0 0 1em; }
.skel-lines .sk { height: .6em; margin-block: calc((1.65em - .6em) / 2); }
.skel-lead .sk { margin-block: calc((1.6em - .6em) / 2); }
.skel-lines .sk:nth-child(3n+2) { width: 96%; }
.skel-lines .sk:nth-child(4n+3) { width: 91%; }
.skel-lines .sk:last-child:not(:first-child) { width: 58%; }
.skel-body { padding-top: 40px; }
.skel-text { max-width: 72ch; }
.skel-cards { display: grid; gap: 26px; }
.skel-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #fff; }
.skel-pic { position: relative; aspect-ratio: 3 / 2; border-radius: 0; }
.skel-pic::before { content: ""; position: absolute; top: 12px; left: 12px; width: 92px; height: 27px; border-radius: 999px; background: rgb(255 255 255 / .9); }
.skel-cbody { display: flex; flex-direction: column; padding: 18px 20px 22px; font-size: 15px; line-height: 1.55; }
.skel-cbody .skel-lines { margin: 0; }
.skel-cbody .skel-lines .sk { margin-block: calc((1.55em - .6em) / 2); }
.skel-ctitle { margin: 0 0 8px; font-size: 18px; }
.skel-ctitle .sk { height: .72em; margin-block: calc((1.32em - .72em) / 2); border-radius: 7px; }
.skel-ctitle .sk:last-child { width: 72%; }
@media (min-width: 700px) {
  .skel-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .skel-card.is-lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
  .is-lead .skel-pic { aspect-ratio: auto; min-height: 280px; }
  .is-lead .skel-cbody { justify-content: center; padding: 30px 32px 32px; font-size: 16px; }
  .is-lead .skel-ctitle { font-size: clamp(22px, 2.3vw, 27px); }
}
@media (min-width: 1000px) {
  .skel-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .skel-card.is-lead { grid-column: 1 / span 2; }
}
.skel-art { max-width: 860px; }
.skel-meta { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 28px; font-size: 15px; line-height: 1.4; }
.skel-mi { display: inline-flex; align-items: center; gap: 9px; }
.skel-mi .sk { width: 19px; height: 19px; border-radius: 50%; }
.skel-mi .sk + .sk { width: 112px; height: 11px; border-radius: 6px; }
.skel-mi + .skel-mi .sk + .sk { width: 92px; }
.skel-rail { display: none; }
@media (min-width: 1100px) {
  .skel-art { display: grid; grid-template-columns: minmax(0, 860px) 212px; grid-template-rows: auto 1fr; column-gap: 48px; justify-content: space-between; max-width: none; }
  .skel-art .skel-text { grid-column: 1; grid-row: 1 / -1; max-width: none; }
  .skel-meta { grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-start; gap: 12px; margin: 0; padding-bottom: 26px; box-shadow: 0 1px var(--line); }
  .skel-rail { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; gap: 26px; padding-top: 26px; }
  .skel-art::before { content: ""; grid-column: 2; grid-row: 1 / -1; justify-self: start; width: 0; height: 100vh; margin-left: -28px; border-left: 1px solid var(--line); }
  .skel-share { display: flex; gap: 6px; }
  .skel-round { width: 44px; height: 44px; border-radius: 50%; }
  .skel-rail .skel-pill { width: 104px; height: 44px; border-radius: 999px; }
}
.skel-h2 { margin: clamp(56px, 7vw, 88px) 0 28px; max-width: 28ch; font-size: clamp(24px, 2.8vw, 32px); }
.skel-h2 .sk { width: 62%; height: .74em; margin-block: calc((1.15em - .74em) / 2); border-radius: 8px; }
.skel-h2 .sk:last-child { width: 44%; }
.skel-tiles { display: grid; gap: 20px; }
.skel-tile { height: 480px; border-radius: 26px; }
@media (min-width: 600px) and (max-width: 1099px) { .skel-tile { height: 230px; } }
@media (min-width: 1100px) { .skel-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.content.is-wait .nb::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(100deg, rgb(255 255 255 / 0) 30%, rgb(255 255 255 / .9) 50%, rgb(255 255 255 / 0) 70%) -100vw 0 / 100vw 100% no-repeat fixed; animation: sk-light 1.8s cubic-bezier(.45, .05, .55, .95) infinite; }
@media (prefers-reduced-motion: reduce) {
  html.nav-go .main { transition: none; }
  .skel { animation-duration: .12s; }
  .sk, .content.is-wait .nb::after { animation: none; }
  .content.is-wait .nb::after { content: none; }
}
@media print { .skel { display: none; } html.nav-go .main { opacity: 1; } }
html.intro::after { content: ""; position: fixed; inset: 0; z-index: 9998; background: #fff; }
html.intro-go::after { content: none; }
html.intro .brand-mark, html.intro .brand-text { opacity: 0; }
html.intro:not(.intro-go) .head::after { background-image: none !important; }
html.intro:not(.intro-go) .pageHome .street { background-image: none, linear-gradient(var(--navy), var(--navy)); }
.intro-cover { position: fixed; inset: 0; z-index: 9999; }
.intro-bg { position: absolute; inset: 0; background: #fff; }
.intro-logo { position: absolute; inset: 0; width: clamp(120px, 28vmin, 188px); height: auto; aspect-ratio: 247.37 / 230.77; margin: auto; overflow: visible; transform-origin: 0 0; }
.intro-logo .s { stroke-dasharray: 1.01 1.01; stroke-dashoffset: 1.01; animation: intro-draw var(--t) var(--d) cubic-bezier(.5, 0, .2, 1) both; }
.intro-logo .f { opacity: 0; animation: intro-fill var(--t) var(--d) ease-out both; }
.intro-logo .g { animation: intro-draw var(--t) var(--d) cubic-bezier(.45, 0, .25, 1) both, intro-fade .16s calc(var(--d) + var(--t)) ease-in both; }
@keyframes intro-draw { to { stroke-dashoffset: 0; } }
@keyframes intro-fill { to { opacity: 1; } }
@keyframes intro-fade { to { opacity: 0; } }
@media print { html.intro::after, .intro-cover { display: none; } }
.menu > li[data-href*="/professional-education"],
.main:not(:has(.crumbs a[href*="/professional-education"])) .content li:has(> a[href*="/professional-education"]),
li.sitemap:has(> a[href*="/professional-education"]) + ul.sitemap,
.box-accents a[href*="/forms/librarians_training"],
.box-accents p:has(> a[href*="/forms/librarians_training"]) { display: none; }
@media print {
  .topbar, .hdr-actions, .nav, .search, .side, .feed, .docs, .foot, .street, .head-cta, .share, .skip, .article-actions, .article::before, .crumbs { display: none !important; }
  .article { display: block; }
  body { font-size: 11pt; color: #000; }
  .hdr { position: static; min-height: 0; padding: 0; }
  body::before, .hdr-in::before, .hdr-in::after { display: none; }
  .hdr-in { margin: 0; padding: 0; box-shadow: none; }
  .head { background: none; box-shadow: none; clip-path: none; padding: 0; }
  .layout { display: block; }
  a { color: #000; }
}