@font-face {
  font-family:"Libre Baskerville";
  src:url(../fonts/iebluewzivzw.woff2)format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:"Inter";
  src:url(../fonts/zarsijknhgkf.woff2)format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
:root {
  --title-sec:#f7f9fa;
  --band:#101c24;
  --note:#0f3d52;
  --row:#546670
}
* {
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent
}
body {
  margin:0;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  color:var(--band);
  background:var(--title-sec);
  line-height:1.75
}
a {
  text-decoration:none
}
.kx-navi {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:center;
  max-width:1160px;
  margin:0 auto;
  padding:16px 24px
}
.kx-navi .kx-sitename {
  font-weight:700
}
.kx-banner2 {
  border-bottom:1px solid #eee
}
.kx-mainarea {
  max-width:1160px;
  margin:0 auto;
  padding:64px 24px
}
h1 {
  font-family:"Libre Baskerville",Georgia,ui-serif,serif;
  font-size:clamp(32px,4.2vw,50px)
}
h2 {
  font-size:26px;
  margin-top:34px
}
.kx-post h3 {
  margin-top:20px
}
.kx-post h3,.kx-unit {
  font-size:19px
}
p {
  max-width:70ch
}
.kx-banner {
  display:flex;
  gap:24px;
  padding:24px 0 8px;
  flex-wrap:wrap
}
.kx-panel-hi,.kx-rowhi {
  max-width:340px;
  width:100%;
  border-radius:2px
}
.kx-banner .kx-row {
  font-size:20px;
  color:var(--row)
}
.kx-panel-hi {
  max-width:100%;
  margin-top:16px;
  aspect-ratio:16/6;
  object-fit:cover
}
.kx-block-sec,td,th {
  border:1px solid #e5e7eb
}
.kx-block-sec {
  border-radius:2px;
  padding:14px 18px;
  margin:0 0 24px;
  background:#f8fafc
}
.kx-block-sec ol {
  margin:0;
  padding-left:20px
}
.kx-block-sec a,.kx-navi a:hover,a {
  color:var(--note)
}
.kx-innerb img {
  max-width:100%;
  border-radius:2px;
  margin:8px 0 20px
}
.kx-deck {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;
  margin-top:24px
}
.kx-item {
  display:block;
  border:1px solid #eee;
  border-radius:0;
  padding:18px;
  color:inherit;
  transition:box-shadow .15s
}
.kx-item img {
  max-width:100%;
  border-radius:1px;
  margin-bottom:10px
}
.kx-item:hover {
  box-shadow:0 6px 20px rgba(0,0,0,.08)
}
.kx-item h3 {
  margin:0 0 8px
}
.kx-band2,body {
  font-size:18px
}
.kx-list-alt,.kx-endbar {
  color:var(--row);
  font-size:14px
}
table {
  border-collapse:collapse;
  width:100%;
  margin:16px 0
}
td,th {
  padding:8px 12px;
  text-align:left
}
th {
  background:#f8fafc
}
blockquote {
  background:#f6f9ff;
  font-weight:600;
  margin:1.6em 0;
  padding:.25em 0 .25em 1.1em;
  border-left:3px solid var(--note);
  font-size:1.08em;
  line-height:1.5
}
blockquote p {
  margin:0
}
.kx-endbar {
  border-top:1px solid #eee;
  text-align:center;
  padding:28px;
  font-size:13px
}
.kx-text2 {
  gap:16px;
  margin-bottom:10px
}
.kx-privacybar,.kx-list2,.kx-text2 {
  display:flex;
  justify-content:center;
  flex-wrap:wrap
}
.kx-list2 {
  font-style:normal;
  gap:6px 18px;
  margin:0 0 10px;
  color:var(--row);
  line-height:1.6
}
.kx-list2 a {
  color:inherit
}
.kx-privacybar {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:900;
  gap:14px;
  align-items:center;
  padding:12px 20px;
  background:var(--band);
  color:var(--title-sec);
  font-size:13px
}
.kx-privacybar[hidden] {
  display:none
}
.kx-privacybar .kx-foot-alt {
  margin:0;
  max-width:70ch
}
.kx-privacybar a {
  color:var(--title-sec);
  text-decoration:underline
}
.kx-text-s {
  border:0;
  cursor:pointer;
  background:var(--note);
  color:#fff;
  padding:8px 16px;
  border-radius:1px;
  font-weight:600
}
:root {
  --strip:#eaf0f3;
  --top:#d5e0e5;
  --mainx:linear-gradient(135deg,#0f3d52,#1c6484);
  --colhi:#0f2a38;
  --listpri:#e6eef2
}
h1,h2,h3,h4 {
  font-weight:700;
  letter-spacing:0
}
h1 {
  line-height:1.14
}
.kx-mainarea ol,.kx-mainarea p,.kx-mainarea ul {
  margin:0 0 1.2em
}
.kx-mainarea li {
  margin:.4em 0
}
.kx-mainarea h2 {
  margin-top:1.7em
}
.kx-mainarea h3 {
  margin-top:1.25em
}
.kx-banner,.kx-area--sub-in {
  margin-top:8px
}
.kx-body3 {
  background:var(--strip);
  padding:64px clamp(20px,4vw,40px);
  border-radius:4px;
  margin:64px 0
}
.kx-body3>.kx-deck:first-child,.kx-body3>.kx-area:first-child {
  margin-top:0
}
.kx-body3>:last-child {
  margin-bottom:0
}
.kx-group-a--strip-m .kx-body-sec,.kx-question {
  border-bottom:1px solid var(--top);
  padding:14px 0
}
.kx-unit {
  font-weight:700;
  margin:0 0 4px
}
.kx-group-a--strip-m .kx-body-sec {
  padding:4px 0
}
.kx-group-a--strip-m summary {
  cursor:pointer;
  font-weight:700;
  padding:12px 0;
  list-style:none
}
.kx-group-a--strip-m summary::-webkit-details-marker {
  display:none
}
.kx-group-a--strip-m summary::after {
  content:"+";
  float:right;
  color:var(--note);
  font-weight:400
}
.kx-group-a--strip-m details[open] summary::after {
  content:"–"
}
.kx-group-a--strip-m details p {
  padding-bottom:12px;
  margin:0;
  color:var(--row)
}
.kx-group-a--headsec .kx-question {
  display:flex;
  gap:16px;
  align-items:flex-start
}
.kx-group-a--headsec .kx-text-a {
  font-weight:800;
  color:var(--note);
  opacity:.5;
  font-size:22px;
  line-height:1.2
}
.kx-group-a--grid-hi .kx-question {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:22px
}
.kx-group-a--grid-hi .kx-foota,.kx-group-a--grid-hi .kx-unit {
  margin:0
}
@media (max-width:627px) {
  .kx-group-a--grid-hi .kx-question {
  grid-template-columns:1fr;
  gap:6px
}
}
.kx-metab h2,.kx-list-out h2 {
  margin-top:0
}
.kx-metab .kx-mainin {
  max-width:640px
}
.kx-metab .kx-mainin p {
  margin:0 0 16px;
  color:var(--row)
}
.kx-notes {
  margin:0;
  overflow:hidden;
  background:var(--strip)
}
.kx-notes img {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover
}
.kx-item .kx-band {
  padding:16px 18px
}
.kx-item .kx-band h3 {
  margin:0 0 6px
}
.kx-item .kx-band p {
  margin:0;
  color:var(--row);
  font-size:14px
}
.kx-main-up,.kx-meta {
  display:inline-block;
  margin-top:10px;
  color:var(--note);
  font-weight:700
}
.kx-item--tile,.kx-item--bar-m {
  background:var(--strip);
  border:1px solid var(--top)
}
.kx-item--bar-m {
  overflow:hidden;
  transition:box-shadow .15s,transform .15s
}
.kx-item--bar-m:hover {
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  transform:translateY(-2px)
}
.kx-item--foot-sec {
  position:relative;
  min-height:210px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  color:#fff;
  border:0
}
.kx-item--foot-sec .kx-notes,.kx-item--foot-sec::after {
  position:absolute;
  inset:0
}
.kx-item--foot-sec .kx-notes img {
  height:100%;
  aspect-ratio:auto
}
.kx-item--foot-sec::after {
  content:"";
  background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75))
}
.kx-item--foot-sec .kx-group-lo {
  position:relative;
  z-index:1;
  padding:18px
}
.kx-item--foot-sec .kx-group-lo h3 {
  color:#fff;
  margin:0
}
.kx-item--unitup {
  display:flex;
  gap:16px;
  background:var(--strip);
  border:1px solid var(--top);
  padding:18px;
  align-items:flex-start
}
.kx-item--unitup .kx-bodysec {
  font-size:32px;
  font-weight:800;
  color:var(--note);
  line-height:1;
  opacity:.55;
  flex:0 0 auto
}
.kx-deck--panes {
  grid-template-columns:1fr;
  gap:14px
}
.kx-item--barin {
  display:grid;
  grid-template-columns:160px 1fr;
  gap:16px;
  align-items:center;
  border:1px solid var(--top);
  overflow:hidden;
  background:var(--strip)
}
.kx-item--barin .kx-wrap-up {
  margin:0;
  height:100%
}
.kx-item--barin .kx-wrap-up img {
  width:100%;
  height:100%;
  aspect-ratio:4/3;
  object-fit:cover
}
.kx-item--colout {
  background:0 0;
  border:0;
  border-top:2px solid var(--band);
  border-radius:0
}
.kx-item--colout .kx-band {
  padding:14px 0
}
.kx-item--paneup {
  background:0 0;
  border:1.5px solid var(--top)
}
.kx-item--pane {
  box-shadow:0 8px 26px rgba(0,0,0,.07)
}
.kx-item--list,.kx-item--pane,.kx-item--media {
  background:var(--strip);
  border:1px solid var(--top)
}
.kx-item--media {
  position:relative;
  overflow:hidden
}
.kx-item--media .kx-strip-in {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--mainx)
}
.kx-item--media .kx-band,ol,ul {
  padding-left:22px
}
.kx-item--list {
  padding:18px
}
.kx-item--list .kx-cols {
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  background:var(--note);
  color:#fff;
  margin-bottom:12px;
  font-size:18px
}
.kx-media2--suba {
  background:var(--colhi);
  color:var(--listpri);
  border-radius:4px;
  padding:38px 30px;
  margin:24px 0
}
.kx-media2--suba h1,.kx-media2--suba h2,.kx-media2--suba h3 {
  color:var(--listpri)
}
.kx-media2--suba p {
  color:var(--listpri);
  opacity:.86
}
.kx-media2--foot2 {
  background:var(--strip);
  border:1px solid var(--top);
  border-radius:4px;
  padding:34px 30px;
  margin:24px 0
}
.kx-media2--foot {
  background:var(--mainx);
  color:#fff;
  border-radius:4px;
  padding:38px 30px;
  margin:24px 0
}
.kx-media2--foot h1,.kx-media2--foot h2,.kx-media2--foot p {
  color:#fff
}
.kx-media2--foot .kx-foot {
  background:#fff;
  color:var(--band)
}
.kx-stripin .kx-cap-m {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:28px;
  align-items:center
}
.kx-stripin .kx-wrap-up2 img {
  width:100%;
  height:100%;
  max-height:340px;
  object-fit:cover;
  border-radius:3px
}
.kx-stripin .kx-top-out {
  display:inline-block;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--row);
  margin-bottom:10px
}
.kx-stripin .kx-gridup h2 {
  margin:0 0 .4em;
  font-size:1.7rem;
  line-height:1.15
}
.kx-stripin .kx-gridup h2 a {
  color:inherit;
  text-decoration:none
}
.kx-stripin .kx-gridup h2 a:hover {
  text-decoration:underline
}
@media (max-width:733px) {
  .kx-stripin .kx-cap-m {
  grid-template-columns:1fr
}
}
.kx-colm .kx-text3 {
  list-style:none;
  margin:.6em 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px 26px
}
.kx-colm .kx-text3 li {
  position:relative;
  padding-left:26px;
  line-height:1.5
}
.kx-colm .kx-text3 li::before {
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--mainx)
}
.kx-unit2 .kx-footlo {
  margin:0;
  border:0;
  background:0 0;
  padding:0
}
.kx-unit2 .kx-footlo p {
  margin:0;
  font-size:1.5rem;
  line-height:1.4;
  font-weight:600;
  font-style:italic;
  letter-spacing:-.01em
}
@media (max-width:627px) {
  .kx-item--barin {
  grid-template-columns:100px 1fr
}
}
html {
  scroll-behavior:smooth
}
@media (prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
}
img {
  max-width:100%;
  height:auto
}
:focus-visible {
  outline:2px solid var(--note);
  outline-offset:2px;
  border-radius:1px
}
::selection {
  background:var(--note);
  color:#fff
}
.kx-skipto {
  position:absolute;
  left:8px;
  top:-56px;
  z-index:1000;
  background:var(--note);
  color:#fff;
  padding:10px 16px;
  border-radius:0 0 8px 8px;
  transition:top .15s
}
.kx-skipto:focus {
  top:0
}
.kx-navi a {
  padding:4px 2px;
  border-bottom:2px solid transparent
}
.kx-navi a.kx-foothi,.kx-navi a[aria-current=page] {
  color:var(--note);
  border-bottom-color:var(--note);
  font-weight:600
}
.kx-foot {
  display:inline-block;
  background:var(--note);
  color:#fff;
  padding:10px 18px;
  border-radius:0;
  font-weight:600
}
.kx-foot:hover {
  opacity:.92
}
.kx-getintouch {
  display:grid;
  gap:14px;
  max-width:520px;
  margin:28px 0;
  padding:22px;
  border:1px solid #e5e7eb;
  border-radius:2px;
  background:#fff
}
.kx-gridx {
  margin:8px 0 28px
}
.kx-body2 {
  margin:32px 0 8px
}
.kx-head2 {
  font-weight:700;
  margin:0 0 10px;
  font-size:1.05em
}
.kx-strip2 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px
}
.kx-strip2--boxup {
  justify-content:center
}
.kx-strip2--rowa .kx-bar3 {
  font-family:var(--pane,inherit)
}
.kx-bar3 {
  display:inline-block;
  font-weight:600;
  border-radius:0;
  padding:11px 20px;
  border:1px solid transparent
}
.kx-strip2--group-pri .kx-bar3 {
  padding:8px 15px;
  font-size:.92em
}
.kx-strip2--group-m .kx-bar3 {
  padding:14px 26px;
  font-size:1.06em
}
.kx-bar3--foot {
  background:var(--note);
  color:#fff
}
.kx-bar3--foot:hover {
  opacity:.92
}
.kx-bar3--paneup {
  border-color:var(--note);
  color:var(--note);
  background:0 0
}
.kx-bar3--paneup:hover {
  background:var(--note);
  color:#fff
}
.kx-bar3--strip {
  padding-left:0;
  padding-right:0;
  border:0;
  color:var(--note);
  text-decoration:underline
}
.kx-getintouch--side {
  grid-template-columns:1fr
}
.kx-getintouch--cap-in {
  grid-template-columns:1fr 1fr;
  align-items:start
}
.kx-getintouch--note .kx-strip,.kx-getintouch--cap-in .kx-list-lo--textm,.kx-getintouch--cap-in .kx-strip,.kx-getintouch--cap-in button {
  grid-column:1/-1
}
.kx-getintouch--note {
  grid-template-columns:1fr auto;
  align-items:end
}
@media (max-width:627px) {
  .kx-getintouch--note,.kx-getintouch--cap-in {
  grid-template-columns:1fr
}
}
.kx-gridx .kx-getintouch,.kx-body2 .kx-getintouch {
  margin:0;
  max-width:560px;
  background:var(--strip,#fff);
  border-color:var(--top,#e5e7eb)
}
.kx-gridx .kx-getintouch .kx-list-lo {
  gap:4px
}
.kx-getintouch .kx-list-lo {
  display:grid;
  gap:6px
}
.kx-getintouch label {
  font-size:14px;
  font-weight:600
}
.kx-getintouch input,.kx-getintouch textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid #cbd5e1;
  border-radius:1px;
  font:inherit;
  background:#fff
}
.kx-getintouch input:focus,.kx-getintouch textarea:focus {
  outline:2px solid var(--note);
  outline-offset:1px;
  border-color:var(--note)
}
.kx-getintouch button {
  justify-self:start;
  border:0;
  cursor:pointer
}
.kx-path ol,.kx-getintouch .kx-strip {
  font-size:12px;
  color:var(--row);
  margin:0
}
.kx-getintouch .kx-grids {
  position:absolute!important;
  left:-9999px!important;
  width:1px;
  height:1px;
  overflow:hidden
}
.kx-capa {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid #eee
}
.kx-capa a {
  padding:6px 14px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  font-size:14px
}
.kx-capa a:hover {
  border-color:var(--note)
}
figure.kx-topb,figure.kx-group-alt,figure.kx-media,figure.kx-rowin,figure.kx-title {
  margin:0 0 20px
}
figure.kx-topb img,figure.kx-group-alt img,figure.kx-media img,figure.kx-rowin img,figure.kx-title img {
  max-width:100%;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:2px;
  display:block
}
pre {
  overflow-x:auto;
  background:#0f172a;
  color:#e2e8f0;
  padding:16px;
  border-radius:2px;
  font-size:14px;
  line-height:1.6
}
pre code {
  background:0 0;
  padding:0;
  color:inherit
}
code {
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.92em;
  background:#f1f5f9;
  padding:.12em .38em;
  border-radius:1px
}
.kx-pane {
  text-align:center;
  padding:64px 24px
}
.kx-pane h1 {
  font-size:72px;
  margin:0 0 8px
}
.kx-area {
  margin:28px 0
}
.kx-side {
  margin-top:28px
}
.kx-path ol {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  margin:0 0 18px;
  font-size:13px
}
.kx-path li {
  display:flex;
  align-items:center;
  gap:8px
}
.kx-path li:not(:last-child)::after {
  content:"/";
  color:var(--row)
}
.kx-path a {
  color:var(--row)
}
.kx-path a:hover {
  color:var(--note)
}
body {
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility
}
.kx-mainarea,body,h1,h2,h3,h4 {
  overflow-wrap:break-word
}
h1,h2,h3,h4 {
  text-wrap:balance
}
.kx-mainarea {
  hyphens:auto
}
.kx-navi,.kx-mainarea {
  padding-left:max(24px,env(safe-area-inset-left));
  padding-right:max(24px,env(safe-area-inset-right))
}
.kx-banner2 {
  position:sticky;
  top:0;
  z-index:50;
  background:var(--title-sec)
}
.kx-text2 a,.kx-navi a {
  min-height:40px;
  display:inline-flex;
  align-items:center
}
li+li {
  margin-top:6px
}
pre,table {
  tab-size:2
}
::-webkit-scrollbar {
  height:10px;
  width:10px
}
::-webkit-scrollbar-thumb {
  background:#cbd5e1;
  border-radius:1px
}
@media (max-width:627px) {
  .kx-mainarea {
  padding-top:24px
}
h1 {
  font-size:28px
}
.kx-navi {
  gap:12px
}
table {
  display:block;
  overflow-x:auto
}
}
.kx-banner {
  align-items:center
}
.kx-banner .kx-listout {
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--note);
  margin-bottom:12px
}
.kx-banner .kx-unit-sec {
  max-width:560px
}
.kx-banner .kx-unit-sec h1 {
  font-size:clamp(30px,4vw,52px);
  line-height:1.08;
  margin:0 0 14px;
  letter-spacing:-.01em
}
.kx-banner .kx-unit-sec .kx-row {
  font-size:19px;
  line-height:1.55;
  color:var(--row);
  margin:0;
  max-width:56ch
}
.kx-banner .kx-groupalt {
  margin:0;
  border-radius:3px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.14)
}
.kx-banner .kx-groupalt img {
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/10;
  object-fit:cover
}
.kx-banner--side-s,.kx-banner--boxlo {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:44px;
  align-items:center;
  padding:34px 0
}
.kx-banner--boxup {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:26px;
  padding:38px 0
}
.kx-banner--boxup .kx-unit-sec {
  max-width:720px
}
.kx-banner--boxup .kx-unit-sec .kx-row {
  margin-inline:auto
}
.kx-banner--boxup .kx-groupalt {
  width:100%
}
.kx-banner--boxup .kx-groupalt img {
  aspect-ratio:16/6
}
.kx-banner--bar-m {
  position:relative;
  padding:0 0 2px;
  border-radius:3px;
  margin:8px 0 14px
}
.kx-banner--bar-m .kx-groupalt {
  border-radius:3px;
  overflow:hidden;
  box-shadow:none
}
.kx-banner--bar-m .kx-groupalt img {
  aspect-ratio:16/8
}
.kx-banner--bar-m .kx-unit-sec--title-l {
  position:relative;
  z-index:1;
  margin:-84px 28px 0;
  max-width:660px;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(6px);
  color:#fff;
  padding:22px 26px;
  border-radius:2px
}
.kx-banner--bar-m .kx-unit-sec--title-l .kx-listout,.kx-banner--bar-m .kx-unit-sec--title-l .kx-row,.kx-banner--bar-m .kx-unit-sec--title-l h1 {
  color:#fff
}
.kx-banner--wrap-in {
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:42px;
  align-items:center;
  padding:30px 0
}
.kx-banner--wrap-in .kx-unit-sec--group-m h1 {
  font-size:clamp(34px,5.2vw,64px)
}
.kx-banner--wrap-in .kx-groupalt img {
  aspect-ratio:4/5
}
.kx-banner--metaup {
  position:relative;
  border-radius:3px;
  overflow:hidden;
  padding:0;
  min-height:420px;
  display:flex;
  align-items:flex-end;
  margin:8px 0 14px
}
.kx-banner--metaup .kx-groupalt {
  position:absolute;
  inset:0;
  border-radius:0;
  box-shadow:none
}
.kx-banner--metaup .kx-groupalt img {
  width:100%;
  height:100%;
  aspect-ratio:auto
}
.kx-banner--metaup::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.74))
}
.kx-banner--metaup .kx-list-b {
  position:relative;
  z-index:1;
  color:#fff;
  padding:34px;
  max-width:700px
}
.kx-banner--metaup .kx-list-b .kx-row,.kx-banner--metaup .kx-list-b h1 {
  color:#fff
}
.kx-banner--side {
  position:relative;
  display:block;
  padding:0 0 40px
}
.kx-banner--side .kx-groupalt img {
  aspect-ratio:16/7
}
.kx-banner--side .kx-meta2 {
  position:relative;
  z-index:1;
  margin:0 24px -64px;
  max-width:660px;
  background:var(--title-sec);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.14);
  border-radius:3px;
  padding:26px 30px
}
@media (max-width:733px) {
  .kx-banner--wrap-in,.kx-banner--side-s,.kx-banner--boxlo {
  grid-template-columns:1fr;
  gap:22px
}
.kx-banner--metaup {
  min-height:320px
}
.kx-banner--side .kx-meta2 {
  margin:0 12px -40px
}
.kx-banner--bar-m .kx-unit-sec--title-l {
  position:static;
  margin:0;
  background:var(--band);
  border-radius:0 0 14px 14px
}
}
.kx-banner--pane-out {
  display:block!important;
  min-height:0
}
.kx-banner--pane-out .kx-unit-sec,.kx-banner--pane-out .kx-unit-sec--title-l,.kx-banner--pane-out .kx-unit-sec--group-m,.kx-banner--pane-out .kx-meta2,.kx-banner--pane-out .kx-list-b {
  max-width:none;
  width:auto;
  margin:0;
  position:static;
  background:0 0;
  color:inherit;
  padding:0;
  backdrop-filter:none;
  box-shadow:none;
  border:0
}
.kx-banner--pane-out .kx-rowhi,.kx-banner--pane-out .kx-groupalt,.kx-banner--pane-out::after {
  display:none
}
@media print {
  .kx-capa,.kx-path,.kx-side,.kx-foot,.kx-navi,.kx-endbar,.kx-skipto {
  display:none!important
}
.kx-banner2 {
  position:static;
  border:0
}
a,body {
  color:#000
}
body {
  background:#fff
}
a {
  text-decoration:underline
}
.kx-mainarea {
  max-width:none
}
}
.kx-banner--list {
  background:var(--mainx);
  color:#fff;
  border-radius:4px;
  padding:clamp(32px,6vw,72px)
}
.kx-banner--list .kx-listout,.kx-banner--list .kx-row,.kx-banner--list h1 {
  color:#fff
}
.kx-banner--list .kx-rowhi,.kx-banner--list .kx-groupalt,.kx-banner--colout .kx-rowhi,.kx-banner--colout .kx-groupalt {
  display:none
}
.kx-banner--colout {
  text-align:center
}
.kx-banner--colout .kx-unit-sec {
  max-width:820px;
  margin-inline:auto
}
.kx-banner--mainl {
  border:1px solid var(--top);
  background:var(--strip);
  border-radius:4px;
  padding:clamp(24px,4vw,48px)
}
@media (min-width:871px) {
  .kx-banner--textm {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:2.5rem;
  align-items:center
}
}
.kx-banner--grid-in .kx-listout {
  font-size:clamp(14px,2vw,20px);
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--note);
  font-weight:700
}
@media (min-width:871px) {
  .kx-mainarea--blockalt {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2rem 2.5rem;
  align-items:start
}
.kx-mainarea--blockalt>:first-child {
  grid-column:1/-1
}
}
.kx-sitename {
  display:inline-flex;
  align-items:center;
  gap:8px
}
.kx-colx {
  color:var(--note);
  flex:0 0 auto
}
.kx-sitename--tile .kx-boxb {
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800
}
.kx-sitename--band-in .kx-boxb {
  letter-spacing:-.03em;
  font-weight:800
}
.kx-sitename--textm .kx-boxb {
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:.9em
}
.kx-sitename--col .kx-boxb {
  font-family:Georgia,"Times New Roman",ui-serif,serif;
  font-weight:700
}
.kx-sitename--foot .kx-boxb {
  color:var(--note);
  font-weight:800
}
.kx-sitename--innerx .kx-boxb {
  font-weight:700
}
.kx-navi--grid-hi,.kx-navi--col {
  justify-content:space-between
}
.kx-navi--grid-hi .kx-sitename {
  margin-right:auto
}
.kx-navi--cap-b {
  justify-content:center;
  text-align:center
}
.kx-navi--cap-b .kx-sitename {
  margin:0
}
.kx-navi--body {
  justify-content:flex-start;
  gap:14px
}
.kx-navi--body .kx-sitename {
  font-size:1.15em;
  margin-right:8px
}
.kx-innerout--unitout a:not(.kx-sitename) {
  border-bottom:1px solid transparent;
  padding-bottom:2px
}
.kx-innerout--unitout a:not(.kx-sitename):hover {
  border-bottom-color:var(--note)
}
.kx-innerout--bodyhi a:not(.kx-sitename) {
  padding:5px 12px;
  border-radius:999px;
  background:var(--strip)
}
.kx-innerout--bodyhi a:not(.kx-sitename):hover {
  background:var(--note);
  color:#fff
}
.kx-innerout--tile a:not(.kx-sitename) {
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.86em
}
.kx-panel {
  margin:34px 0
}
.kx-panel .kx-col {
  display:inline-block;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--row);
  margin-bottom:10px
}
.kx-panel .kx-coll {
  color:var(--row);
  max-width:62ch;
  margin:.2em 0 1.4em
}
.kx-panel h2 {
  margin:0 0 .35em
}
.kx-bar2 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:18px 26px;
  margin-top:18px
}
.kx-bar {
  display:flex;
  flex-direction:column;
  gap:6px
}
.kx-linkb {
  font-size:2.1rem;
  line-height:1;
  font-weight:700;
  font-family:var(--pane,inherit);
  color:var(--note)
}
.kx-head {
  font-size:.92rem;
  color:var(--row)
}
.kx-body--barout,.kx-body--blocks .kx-bar {
  background:var(--strip);
  border:1px solid var(--top);
  border-radius:3px;
  padding:30px 28px
}
.kx-body--blocks .kx-bar {
  border-radius:2px;
  padding:18px 20px
}
.kx-body--note .kx-bar2 {
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  border-top:1px solid var(--top);
  padding-top:20px
}
.kx-body--note .kx-linkb {
  font-size:1.7rem
}
.kx-tilem {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:24px;
  margin-top:20px
}
.kx-block {
  display:flex;
  flex-direction:column;
  gap:4px
}
.kx-cap-l {
  width:78px;
  height:78px;
  margin-bottom:10px
}
.kx-cap-l--band-hi {
  border-radius:2px;
  object-fit:cover;
  aspect-ratio:1/1
}
.kx-block-hi--linkx .kx-cap-l--band-hi,.kx-sidealt .kx-cap-l--band-hi {
  border-radius:50%
}
.kx-text {
  margin:0;
  font-size:1.05rem;
  line-height:1.3
}
.kx-box {
  margin:0;
  color:var(--note);
  font-size:.92rem;
  font-weight:600
}
.kx-sub {
  margin:0;
  color:var(--row);
  font-size:.88rem
}
.kx-block-hi--linkx .kx-tilem {
  grid-template-columns:1fr;
  gap:18px
}
.kx-block-hi--linkx .kx-block {
  flex-direction:row;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--top);
  padding-bottom:16px
}
.kx-block-hi--linkx .kx-cap-l {
  margin:0;
  width:56px;
  height:56px
}
.kx-block-hi--linkx .kx-sub {
  width:100%;
  margin-left:72px
}
.kx-block-hi--tilea .kx-tilem {
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))
}
.kx-block-hi--tilea .kx-block {
  background:var(--strip);
  border:1px solid var(--top);
  border-radius:3px;
  padding:20px;
  align-items:flex-start
}
.kx-block-hi--tilea .kx-cap-l {
  width:58px;
  height:58px
}
.kx-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
  margin-top:20px
}
.kx-panex {
  margin:0;
  background:var(--strip);
  border:1px solid var(--top);
  border-radius:3px;
  padding:24px
}
.kx-panex blockquote {
  margin:0;
  border:0;
  padding:0
}
.kx-panex blockquote p {
  margin:0 0 16px;
  line-height:1.6
}
.kx-sidealt {
  display:flex;
  align-items:center;
  gap:12px
}
.kx-sidealt .kx-cap-l {
  width:44px;
  height:44px;
  margin:0;
  flex:0 0 auto
}
.kx-list-s {
  display:flex;
  flex-direction:column
}
.kx-block-lo {
  font-weight:600;
  font-size:.95rem
}
.kx-top {
  color:var(--row);
  font-size:.84rem
}
.kx-tile--side .kx-list {
  grid-template-columns:1fr;
  max-width:70ch
}
.kx-tile--blocka .kx-panex {
  background:0 0;
  border:0;
  border-left:3px solid var(--note);
  border-radius:0;
  padding:6px 0 6px 22px
}
.kx-tile--blocka .kx-panex blockquote p {
  font-size:1.12rem;
  font-style:italic
}
.kx-wrapsec {
  display:flex;
  flex-wrap:wrap;
  gap:14px 26px;
  align-items:center;
  margin-top:18px
}
.kx-col-x {
  display:flex;
  align-items:center;
  gap:10px
}
.kx-bodya {
  font-weight:600;
  color:var(--row);
  letter-spacing:.01em
}
.kx-title--list .kx-wrapsec {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:16px
}
.kx-title--list .kx-col-x {
  background:var(--strip);
  border:1px solid var(--top);
  border-radius:2px;
  padding:14px 16px
}
.kx-title--inner .kx-col-x {
  border:1px solid var(--top);
  border-radius:999px;
  padding:6px 16px 6px 6px
}
@media (max-width:627px) {
  .kx-linkb {
  font-size:1.7rem
}
.kx-block-hi--linkx .kx-sub {
  margin-left:0
}
}