#masthead .sf-with-ul::after,
#masthead .sf-arrows .sf-with-ul::after,
#masthead a.sf-with-ul::after,
.sf-menu a.sf-with-ul::after {
display: none !important;
content: none !important;
border: none !important;
width: 0 !important;
height: 0 !important;
} :root {
--hdr-height: 76px;
--hdr-top-height: 38px;
--hdr-total: calc(var(--hdr-top-height) + var(--hdr-height));
--hdr-bg: #f7f5f0; --hdr-bg-2: #f0ece4; --hdr-surface: #ffffff; --hdr-bg-glass: rgba(247, 245, 240, 0.88);
--hdr-ink: #0a1628; --hdr-ink-2: #101c2e; --hdr-ink-3: #46505e; --hdr-muted: #67707e; --hdr-on-dark: #e7e4dc; --hdr-on-dark-2: #9aa2ae; --hdr-brand: #0f4da8; --hdr-brand-hover: #0a3a7e;
--hdr-brand-ghost: rgba(15, 77, 168, 0.06);
--hdr-cyan: #6aa9ec; --hdr-border: #e7e2d8; --hdr-border-2: #dcd6c9;
--hdr-border-dark: rgba(255, 255, 255, 0.08);
--hdr-border-soft: rgba(10, 22, 40, 0.06);
--hdr-radius: 2px;
--hdr-ease: cubic-bezier(0.22, 1, 0.36, 1);
--hdr-dur: 0.28s;
--hdr-font: 'Inter', 'Segoe UI', system-ui, sans-serif;
--hdr-font-display: 'Inter', 'Segoe UI', system-ui, sans-serif;
--hdr-shadow: 0 10px 28px -10px rgba(12, 22, 40, 0.07);
--hdr-shadow-mega: 0 24px 48px -18px rgba(12, 22, 40, 0.12);
--hdr-shadow-brand: 0 14px 32px -14px rgba(15, 77, 168, 0.45);
--hdr-container: 1340px;
}
body.header-scrolled {
--hdr-height: 64px;
} .nw-topbar {
position: relative;
z-index: 1001;
height: var(--hdr-top-height);
background: var(--hdr-ink);
color: var(--hdr-on-dark-2);
border-bottom: 1px solid var(--hdr-border-dark);
font-family: var(--hdr-font);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.02em;
overflow: hidden;
transition: height var(--hdr-dur) var(--hdr-ease),
opacity var(--hdr-dur) var(--hdr-ease);
}
.nw-topbar__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
max-width: var(--hdr-container);
margin: 0 auto;
padding: 0 clamp(16px, 2.5vw, 28px);
gap: 16px;
}
.nw-topbar__left,
.nw-topbar__right {
display: flex;
align-items: center;
gap: 18px;
}
.nw-topbar__left {
transition: opacity var(--hdr-dur) var(--hdr-ease),
max-width var(--hdr-dur) var(--hdr-ease);
max-width: 100%;
min-width: 0;
}
.nw-topbar__item {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--hdr-on-dark-2);
text-decoration: none;
transition: color var(--hdr-dur) var(--hdr-ease);
white-space: nowrap;
}
.nw-topbar__item:hover {
color: var(--hdr-on-dark);
}
.nw-topbar__item svg {
width: 13px;
height: 13px;
opacity: 0.55;
flex-shrink: 0;
color: var(--hdr-cyan);
}
.nw-topbar__sep {
width: 1px;
height: 12px;
background: var(--hdr-border-dark);
} body.header-scrolled .nw-topbar {
height: 32px;
opacity: 1;
border-bottom-width: 1px;
pointer-events: auto;
}
body.header-scrolled .nw-topbar__left {
opacity: 0;
pointer-events: none;
max-width: 0;
overflow: hidden;
gap: 0;
}
body.header-scrolled .nw-topbar__inner {
justify-content: flex-end;
} #masthead .nw-topbar .nw-lang,
.nw-topbar .nw-lang {
display: inline-flex !important;
align-items: stretch;
flex: 0 0 auto;
box-sizing: border-box;
margin: 0;
padding: 2px;
gap: 2px;
list-style: none;
background: rgba(255, 255, 255, 0.08);
border: 1px solid var(--hdr-border-dark);
border-radius: var(--hdr-radius);
}
#masthead .nw-topbar .nw-lang__btn,
#masthead .nw-topbar .nw-lang__btn:link,
#masthead .nw-topbar .nw-lang__btn:visited,
.nw-topbar .nw-lang__btn,
.nw-topbar .nw-lang__btn:link,
.nw-topbar .nw-lang__btn:visited {
display: inline-flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box; min-width: 34px;
min-height: 26px;
height: 26px;
margin: 0;
padding: 0 10px;
border: 0;
border-radius: 2px;
background: transparent;
color: var(--hdr-on-dark-2) !important;
font-family: var(--hdr-font);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
transition: color var(--hdr-dur) var(--hdr-ease),
background-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nw-topbar .nw-lang__btn:hover,
.nw-topbar .nw-lang__btn:hover {
color: var(--hdr-on-dark) !important;
background: rgba(255, 255, 255, 0.1);
text-decoration: none !important;
}
#masthead .nw-topbar .nw-lang__btn.is-current,
#masthead .nw-topbar .nw-lang__btn.is-current:link,
#masthead .nw-topbar .nw-lang__btn.is-current:visited,
#masthead .nw-topbar .nw-lang__btn.is-current:hover,
.nw-topbar .nw-lang__btn.is-current,
.nw-topbar .nw-lang__btn.is-current:link,
.nw-topbar .nw-lang__btn.is-current:visited,
.nw-topbar .nw-lang__btn.is-current:hover {
color: #fff !important;
background: var(--hdr-brand);
box-shadow: none;
}
#masthead .nw-topbar .nw-lang__btn:focus-visible,
.nw-topbar .nw-lang__btn:focus-visible {
outline: 2px solid var(--hdr-cyan);
outline-offset: 2px;
} #masthead.site-header {
position: sticky;
top: 0;
z-index: 999;
background: var(--hdr-bg);
border-bottom: 1px solid var(--hdr-border);
box-shadow: none;
transition: background-color 0.4s var(--hdr-ease),
box-shadow 0.4s var(--hdr-ease),
border-color 0.4s var(--hdr-ease);
font-family: var(--hdr-font);
} body.header-scrolled #masthead.site-header {
background: var(--hdr-bg-glass);
backdrop-filter: saturate(160%) blur(16px);
-webkit-backdrop-filter: saturate(160%) blur(16px);
box-shadow: var(--hdr-shadow);
border-color: var(--hdr-border);
} #masthead .nw-header {
width: 100%;
max-width: var(--hdr-container);
margin: 0 auto;
padding: 0 clamp(16px, 2.5vw, 28px);
}
#masthead .nw-header__inner {
min-height: var(--hdr-height);
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
transition: min-height 0.4s var(--hdr-ease);
} #masthead .nw-header__brand {
display: flex;
align-items: center;
flex: 0 0 auto;
gap: 14px;
text-decoration: none;
position: relative;
z-index: 2; margin-right: 4px;
}
#masthead .nw-header__brand .custom-logo-link {
display: inline-flex;
align-items: center;
}
#masthead .nw-header__brand img {
width: auto;
max-height: 38px;
transition: opacity var(--hdr-dur) var(--hdr-ease),
max-height 0.4s var(--hdr-ease);
}
body.header-scrolled #masthead .nw-header__brand img {
max-height: 32px;
}
#masthead .nw-header__brand:hover img {
opacity: 0.85;
}
#masthead .nw-header__title {
color: var(--hdr-ink);
text-decoration: none;
font-family: var(--hdr-font-display);
font-weight: 700;
font-size: 1.05rem;
letter-spacing: 0.14em;
text-transform: uppercase;
} #masthead .nwm :where(ul) {
margin: 0;
padding: 0;
list-style: none;
}
#masthead .nwm a,
#masthead .nwm a:link,
#masthead .nwm a:visited {
text-decoration: none !important;
}
#masthead .nwm :where(p) {
margin: 0;
}
#masthead .nwm .nw-icon {
width: 1em;
height: 1em;
flex-shrink: 0;
} #masthead .nwm-drawer-head,
#masthead .nwm-drawer-foot,
#masthead .nwm-panel__head,
#masthead .nwm-top__go {
display: none;
} #masthead .nwm-eyebrow {
display: block;
margin: 0 0 14px;
color: var(--hdr-muted);
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.2em;
line-height: 1.2;
text-transform: uppercase;
}
#masthead .nwm-label {
margin: 22px 0 10px;
color: var(--hdr-muted);
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
}
#masthead .nwm-more,
#masthead .nwm-more:link,
#masthead .nwm-more:visited {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
color: var(--hdr-brand);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#masthead .nwm-more .nw-icon {
font-size: 0.9rem;
transition: transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-more:hover .nw-icon,
#masthead .nwm-hero:hover .nwm-more .nw-icon {
transform: translateX(3px);
} #masthead .nwm-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#masthead .nwm-chip,
#masthead .nwm-chip:link,
#masthead .nwm-chip:visited {
display: inline-flex;
align-items: baseline;
gap: 3px;
padding: 9px 12px;
border: 1px solid var(--hdr-border-2);
border-radius: var(--hdr-radius);
background: var(--hdr-surface);
color: var(--hdr-ink-3);
font-size: 0.78rem;
font-weight: 500;
line-height: 1;
font-variant-numeric: tabular-nums;
transition: color var(--hdr-dur) var(--hdr-ease),
border-color var(--hdr-dur) var(--hdr-ease),
background-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-chip b {
color: var(--hdr-ink);
font-size: 0.95rem;
font-weight: 650;
transition: color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-chip:hover,
#masthead .nwm-chip[aria-current="page"] {
border-color: var(--hdr-brand);
background: var(--hdr-brand-ghost);
color: var(--hdr-brand);
}
#masthead .nwm-chip:hover b,
#masthead .nwm-chip[aria-current="page"] b {
color: var(--hdr-brand);
} #masthead .nwm-row,
#masthead .nwm-row:link,
#masthead .nwm-row:visited {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 16px;
align-items: start;
gap: 14px;
padding: 14px;
border-radius: var(--hdr-radius);
color: var(--hdr-ink-2);
transition: background-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-row__icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid var(--hdr-border);
border-radius: var(--hdr-radius);
background: var(--hdr-bg);
color: var(--hdr-brand);
font-size: 20px;
transition: background-color var(--hdr-dur) var(--hdr-ease),
color var(--hdr-dur) var(--hdr-ease),
border-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-row__body {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
#masthead .nwm-row__title {
color: var(--hdr-ink);
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
}
#masthead .nwm-row__desc {
color: var(--hdr-ink-3);
font-size: 0.82rem;
line-height: 1.5;
}
#masthead .nwm-row__arrow {
align-self: center;
color: var(--hdr-brand);
opacity: 0;
transform: translateX(-4px);
transition: opacity var(--hdr-dur) var(--hdr-ease),
transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-row:hover,
#masthead .nwm-row[aria-current="page"] {
background: var(--hdr-bg);
}
#masthead .nwm-row:hover .nwm-row__icon {
border-color: var(--hdr-brand);
background: var(--hdr-brand);
color: #fff;
}
#masthead .nwm-row:hover .nwm-row__title,
#masthead .nwm-row[aria-current="page"] .nwm-row__title {
color: var(--hdr-brand);
}
#masthead .nwm-row:hover .nwm-row__arrow {
opacity: 1;
transform: none;
}
#masthead .nwm-rows {
display: grid;
gap: 4px 20px;
} @media (min-width: 1081px) {
#masthead .nw-header__nav.nwm {
flex: 1 1 auto;
align-self: stretch;
display: flex;
justify-content: center;
min-width: 0;
position: static;
}
#masthead .nwm-bar {
display: flex;
align-items: stretch;
gap: 2px;
position: static;
}
#masthead .nwm-item {
display: flex;
align-items: stretch;
position: static;
}
#masthead .nwm-top,
#masthead .nwm-top:link,
#masthead .nwm-top:visited {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 0 14px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--hdr-ink-3);
font-family: var(--hdr-font);
font-size: 0.86rem;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1;
text-transform: none;
white-space: nowrap;
cursor: pointer;
transition: color var(--hdr-dur) var(--hdr-ease);
} #masthead .nwm-top__label {
position: relative;
}
#masthead .nwm-top__label::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -7px;
height: 1.5px;
background: var(--hdr-brand);
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.4s var(--hdr-ease);
}
#masthead .nwm-top:hover,
#masthead .nwm-item.is-open > .nwm-top,
#masthead .nwm-item.is-current > .nwm-top {
color: var(--hdr-ink);
}
#masthead .nwm-item.is-current > .nwm-top {
font-weight: 600;
}
#masthead .nwm-top:hover .nwm-top__label::after,
#masthead .nwm-item.is-open > .nwm-top .nwm-top__label::after,
#masthead .nwm-item.is-current > .nwm-top .nwm-top__label::after {
transform: scaleX(1);
transform-origin: left center;
}
#masthead .nwm-top:focus-visible {
outline-offset: -4px;
}
#masthead .nwm-top__chev {
font-size: 0.7rem;
opacity: 0.55;
transition: transform 0.3s var(--hdr-ease), opacity 0.3s;
}
#masthead .nwm-item.is-open > .nwm-top .nwm-top__chev {
transform: rotate(180deg);
opacity: 1;
} #masthead .nwm-panel {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 20;
max-height: calc(100vh - var(--hdr-total) - 24px);
max-height: calc(100dvh - var(--hdr-total) - 24px);
overflow-y: auto;
overscroll-behavior: contain;
background: var(--hdr-surface);
border-top: 1px solid var(--hdr-border);
border-bottom: 1px solid var(--hdr-border);
box-shadow: var(--hdr-shadow-mega);
visibility: hidden;
opacity: 0;
transform: translateY(-6px);
transition: opacity 0.22s var(--hdr-ease),
transform 0.3s var(--hdr-ease),
visibility 0s linear 0.3s;
}
#masthead .nwm-item.is-open > .nwm-panel {
visibility: visible;
opacity: 1;
transform: none;
transition-delay: 0s;
} #masthead .nwm.is-switching .nwm-panel {
transition: none;
}
#masthead .nwm-panel__inner {
max-width: var(--hdr-container);
margin: 0 auto;
padding: 36px clamp(16px, 2.5vw, 28px) 40px;
} html.no-js #masthead .nwm-item:hover > .nwm-panel,
html.no-js #masthead .nwm-item:focus-within > .nwm-panel {
visibility: visible;
opacity: 1;
transform: none;
} #masthead .nwm-panel__grid--products {
display: grid;
grid-template-columns: 250px minmax(0, 1fr) 290px;
}
#masthead .nwm-rail {
padding-right: 24px;
border-right: 1px solid var(--hdr-border);
}
#masthead .nwm-rail__link,
#masthead .nwm-rail__link:link,
#masthead .nwm-rail__link:visited {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: 'name chev' 'meta chev';
align-items: center;
column-gap: 10px;
row-gap: 3px;
padding: 11px 14px;
border-left: 2px solid transparent;
color: var(--hdr-ink-2);
transition: background-color var(--hdr-dur) var(--hdr-ease),
border-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-rail__name {
grid-area: name;
color: var(--hdr-ink);
font-size: 0.98rem;
font-weight: 550;
line-height: 1.2;
transition: color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-rail__meta {
grid-area: meta;
color: var(--hdr-muted);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.02em;
}
#masthead .nwm-rail__chev {
grid-area: chev;
color: var(--hdr-brand);
font-size: 0.8rem;
opacity: 0;
transform: translateX(-4px);
transition: opacity var(--hdr-dur) var(--hdr-ease),
transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-rail__link.is-active {
border-left-color: var(--hdr-brand);
background: var(--hdr-bg);
}
#masthead .nwm-rail__link.is-active .nwm-rail__name {
color: var(--hdr-brand);
}
#masthead .nwm-rail__link.is-active .nwm-rail__chev {
opacity: 1;
transform: none;
}
#masthead .nwm-rail__sep {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--hdr-border);
}
#masthead .nwm-panes {
min-width: 0;
padding: 0 40px;
}
#masthead .nwm-pane {
display: none;
}
#masthead .nwm-pane.is-active {
display: grid;
grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
align-items: center;
gap: 32px;
animation: nwm-pane-in 0.35s var(--hdr-ease);
}
#masthead .nwm-pane--grid.is-active {
display: block;
}
@keyframes nwm-pane-in {
from { opacity: 0; transform: translateX(8px); }
to   { opacity: 1; transform: none; }
}
#masthead .nwm-pane__media {
display: grid;
place-items: center;
aspect-ratio: 1 / 1;
background: radial-gradient(circle at 50% 45%, var(--hdr-surface) 0%, var(--hdr-bg) 58%, var(--hdr-bg-2) 100%);
border: 1px solid var(--hdr-border);
border-radius: var(--hdr-radius);
overflow: hidden;
}
#masthead .nwm-pane__media img {
width: 82%;
height: 82%;
object-fit: contain;
transition: transform 0.6s var(--hdr-ease);
}
#masthead .nwm-pane__media:hover img {
transform: scale(1.04);
}
#masthead .nwm-pane__title,
#masthead .nwm-pane__title a {
color: var(--hdr-ink);
font-size: clamp(1.5rem, 2vw, 1.9rem);
font-weight: 550;
letter-spacing: -0.015em;
line-height: 1.1;
}
#masthead .nwm-pane__title a:hover {
color: var(--hdr-brand);
}
#masthead .nwm-pane__tag {
max-width: 44ch;
margin-top: 10px;
color: var(--hdr-ink-3);
font-size: 0.92rem;
line-height: 1.55;
}
#masthead .nwm-pane__intro {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 8px 32px;
margin-bottom: 20px;
}
#masthead .nwm-pane__intro .nwm-pane__tag {
margin-top: 0;
}
#masthead .nwm-tiles {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
#masthead .nwm-pane--grid .nwm-more {
margin-top: 18px;
} #masthead .nwm-aside {
display: flex;
flex-direction: column;
gap: 22px;
padding-left: 28px;
border-left: 1px solid var(--hdr-border);
} #masthead .nwm-panel__intro {
display: flex;
align-items: baseline;
gap: 24px;
margin-bottom: 22px;
}
#masthead .nwm-panel__intro .nwm-eyebrow {
margin: 0;
}
#masthead .nwm-lead {
color: var(--hdr-ink-3);
font-size: 0.95rem;
}
#masthead .nwm-cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
} #masthead .nwm-panel__grid--split {
display: grid;
grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
gap: 40px;
align-items: stretch;
}
#masthead .nwm-rows--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-content: start;
}
#masthead .nwm-rows--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (min-width: 1081px) and (max-width: 1360px) {
#masthead .nwm-top,
#masthead .nwm-top:link,
#masthead .nwm-top:visited {
padding: 0 10px;
font-size: 0.83rem;
letter-spacing: 0;
}
#masthead .nw-header__inner {
gap: 16px;
}
#masthead .nwm-panel__grid--products {
grid-template-columns: 220px minmax(0, 1fr) 260px;
}
#masthead .nwm-panes {
padding: 0 28px;
}
#masthead .nwm-pane.is-active {
grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);
gap: 28px;
}
}
@media (min-width: 1081px) and (max-width: 1200px) {
#masthead .nwm-top,
#masthead .nwm-top:link,
#masthead .nwm-top:visited {
padding: 0 8px;
font-size: 0.8rem;
}
#masthead .nwm-top__chev {
display: none;
}
#masthead .nwm-pane.is-active {
grid-template-columns: 140px minmax(0, 1fr);
gap: 24px;
}
} #masthead .nwm-tile,
#masthead .nwm-tile:link,
#masthead .nwm-tile:visited {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
padding: 10px 10px 12px;
border: 1px solid var(--hdr-border);
border-radius: var(--hdr-radius);
background: var(--hdr-surface);
color: var(--hdr-ink-2);
transition: border-color var(--hdr-dur) var(--hdr-ease),
transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-tile__img {
display: grid;
place-items: center;
aspect-ratio: 1 / 1;
background: var(--hdr-bg);
border-radius: var(--hdr-radius);
overflow: hidden;
}
#masthead .nwm-tile__img img {
width: 100%;
height: 100%;
object-fit: cover; object-position: 50% 58%;
transition: transform 0.5s var(--hdr-ease);
}
#masthead .nwm-tile__name {
font-size: 0.82rem;
font-weight: 550;
line-height: 1.3;
}
#masthead .nwm-tile:hover,
#masthead .nwm-tile[aria-current="page"] {
border-color: var(--hdr-brand);
color: var(--hdr-brand);
}
#masthead .nwm-tile:hover img {
transform: scale(1.06);
} #masthead .nwm-feature,
#masthead .nwm-feature:link,
#masthead .nwm-feature:visited {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 22px;
border-radius: var(--hdr-radius);
background: var(--hdr-ink);
color: var(--hdr-on-dark);
overflow: hidden;
isolation: isolate;
transition: background-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-feature::before {
content: '';
position: absolute;
inset: auto -40% -60% auto;
width: 220px;
height: 220px;
border-radius: 50%;
background: radial-gradient(circle, rgba(106, 169, 236, 0.22), transparent 70%);
z-index: -1;
transition: transform 0.6s var(--hdr-ease);
}
#masthead .nwm-feature:hover {
background: #0f2140;
}
#masthead .nwm-feature:hover::before {
transform: scale(1.25);
}
#masthead .nwm-feature__icon {
color: var(--hdr-cyan);
font-size: 26px;
margin-bottom: 6px;
}
#masthead .nwm-feature__title {
color: #fff;
font-size: 1.15rem;
font-weight: 550;
letter-spacing: -0.01em;
}
#masthead .nwm-feature__desc {
color: var(--hdr-on-dark-2);
font-size: 0.84rem;
line-height: 1.5;
}
#masthead .nwm-feature__cta {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 10px;
color: var(--hdr-cyan);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#masthead .nwm-feature__cta .nw-icon {
transition: transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-feature:hover .nwm-feature__cta .nw-icon {
transform: translateX(3px);
}
#masthead .nwm-quick a,
#masthead .nwm-quick a:link,
#masthead .nwm-quick a:visited {
display: flex;
align-items: center;
gap: 12px;
padding: 11px 2px;
border-bottom: 1px solid var(--hdr-border);
color: var(--hdr-ink-3);
font-size: 0.86rem;
font-weight: 500;
transition: color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-quick li:first-child a {
border-top: 1px solid var(--hdr-border);
}
#masthead .nwm-quick .nw-icon {
color: var(--hdr-brand);
font-size: 18px;
}
#masthead .nwm-quick a:hover,
#masthead .nwm-quick a[aria-current="page"] {
color: var(--hdr-brand);
} #masthead .nwm-card,
#masthead .nwm-card:link,
#masthead .nwm-card:visited {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
padding: 22px 22px 48px;
border: 1px solid var(--hdr-border);
border-radius: var(--hdr-radius);
background: var(--hdr-surface);
color: var(--hdr-ink-2);
transition: border-color var(--hdr-dur) var(--hdr-ease),
box-shadow var(--hdr-dur) var(--hdr-ease),
transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-card__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
#masthead .nwm-card__num {
color: var(--hdr-brand);
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.16em;
font-variant-numeric: tabular-nums;
}
#masthead .nwm-card__icon {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--hdr-bg);
color: var(--hdr-brand);
font-size: 22px;
transition: background-color var(--hdr-dur) var(--hdr-ease),
color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-card:hover .nwm-card__icon {
background: var(--hdr-brand);
color: #fff;
}
#masthead .nwm-card__title {
color: var(--hdr-ink);
font-size: 1.02rem;
font-weight: 600;
line-height: 1.3;
}
#masthead .nwm-card__desc {
color: var(--hdr-ink-3);
font-size: 0.84rem;
line-height: 1.55;
}
#masthead .nwm-card__arrow {
position: absolute;
left: 22px;
bottom: 20px;
color: var(--hdr-brand);
transition: transform var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-card:hover,
#masthead .nwm-card[aria-current="page"] {
border-color: var(--hdr-ink);
box-shadow: 0 18px 36px -24px rgba(10, 22, 40, 0.35);
transform: translateY(-2px);
}
#masthead .nwm-card:hover .nwm-card__arrow {
transform: translateX(4px);
} #masthead .nwm-band {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin-top: 18px;
padding: 16px 16px 16px 22px;
border-radius: var(--hdr-radius);
background: var(--hdr-bg);
}
#masthead .nwm-band p {
color: var(--hdr-ink-2);
font-size: 0.95rem;
font-weight: 500;
}
#masthead .nwm-band__cta,
#masthead .nwm-band__cta:link,
#masthead .nwm-band__cta:visited,
#masthead .nwm-drawer-foot__cta,
#masthead .nwm-drawer-foot__cta:link,
#masthead .nwm-drawer-foot__cta:visited {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 13px 20px;
border-radius: var(--hdr-radius);
background: var(--hdr-ink);
color: #fff !important;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
transition: background-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-band__cta:hover,
#masthead .nwm-drawer-foot__cta:hover {
background: var(--hdr-brand);
} #masthead .nwm-hero,
#masthead .nwm-hero:link,
#masthead .nwm-hero:visited {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 18px;
min-height: 220px;
padding: 28px 26px;
border-radius: var(--hdr-radius);
background:
radial-gradient(120% 90% at 100% 100%, rgba(106, 169, 236, 0.18), transparent 60%),
var(--hdr-ink);
color: var(--hdr-on-dark);
overflow: hidden;
}
#masthead .nwm-hero .nwm-eyebrow {
margin: 0;
color: var(--hdr-cyan);
}
#masthead .nwm-hero__lead {
color: #fff;
font-size: 1.18rem;
font-weight: 450;
line-height: 1.45;
letter-spacing: -0.005em;
}
#masthead .nwm-hero .nwm-more {
margin-top: 0;
color: var(--hdr-cyan);
} .nw-mobile-backdrop {
position: fixed;
inset: 0;
z-index: 998;
background: rgba(10, 22, 40, 0.28);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s var(--hdr-ease), visibility 0s linear 0.3s;
}
.nw-mobile-backdrop.is-visible {
opacity: 1;
visibility: visible;
transition-delay: 0s;
} html[lang^="es"] .nw-header__actions,
html[lang^="de"] .nw-header__actions,
html[lang^="it"] .nw-header__actions,
html[lang^="fr"] .nw-header__actions {
margin-left: 0;
gap: 10px;
}
html[lang^="es"] .nw-header__cta,
html[lang^="de"] .nw-header__cta,
html[lang^="it"] .nw-header__cta,
html[lang^="fr"] .nw-header__cta {
padding: 12px 14px;
max-width: 148px;
font-size: 0.68rem;
letter-spacing: 0.06em;
} @media (min-width: 1081px) and (max-width: 1440px) {
html[lang^="es"] .nw-header__cta,
html[lang^="de"] .nw-header__cta,
html[lang^="it"] .nw-header__cta,
html[lang^="fr"] .nw-header__cta {
padding: 12px;
max-width: 40px;
}
html[lang^="es"] .nw-cta-text,
html[lang^="de"] .nw-cta-text,
html[lang^="it"] .nw-cta-text,
html[lang^="fr"] .nw-cta-text {
display: none;
}
} .nw-header__actions {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
margin-left: 6px;
} .nw-header__search-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
border: 1px solid var(--hdr-border-2);
border-radius: var(--hdr-radius);
background: transparent;
color: var(--hdr-ink-3);
cursor: pointer;
transition: color var(--hdr-dur) var(--hdr-ease),
background-color var(--hdr-dur) var(--hdr-ease),
border-color var(--hdr-dur) var(--hdr-ease);
padding: 0;
}
.nw-header__search-toggle svg {
width: 18px;
height: 18px;
}
.nw-header__search-toggle:hover {
color: var(--hdr-brand);
background: var(--hdr-brand-ghost);
border-color: rgba(15, 77, 168, 0.25);
}
.nw-header__search-toggle:active {
transform: translateY(1px);
} .nw-header__cta,
.nw-header__cta:link,
.nw-header__cta:visited {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
background: var(--hdr-ink);
color: #fff !important;
font-family: var(--hdr-font);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
border-radius: var(--hdr-radius);
border: none;
cursor: pointer;
white-space: normal;
max-width: 170px;
text-align: left;
line-height: 1.4;
transition: background-color var(--hdr-dur) var(--hdr-ease),
transform var(--hdr-dur) var(--hdr-ease),
box-shadow var(--hdr-dur) var(--hdr-ease);
}
.nw-cta-text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} @media (min-width: 1081px) and (max-width: 1240px) {
.nw-header__cta {
padding: 12px;
border-radius: var(--hdr-radius);
max-width: 40px;
}
.nw-cta-text {
display: none;
}
}
.nw-header__cta:hover,
.nw-header__cta:focus {
background: var(--hdr-brand);
transform: translateY(-1px);
box-shadow: var(--hdr-shadow-brand);
color: #fff !important;
}
.nw-header__cta:active {
transform: translateY(1px);
box-shadow: none;
color: #fff !important;
}
.nw-header__cta svg {
width: 14px;
height: 14px;
flex-shrink: 0;
transition: transform 0.3s var(--hdr-ease);
}
.nw-header__cta:hover svg {
transform: translateX(2px);
} .nw-search-overlay {
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(10, 22, 40, 0.9);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 18vh;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s var(--hdr-ease),
visibility 0.35s;
}
.nw-search-overlay.is-open {
opacity: 1;
visibility: visible;
}
.nw-search-overlay__inner {
width: min(640px, calc(100% - 48px));
transform: translateY(16px);
transition: transform 0.4s var(--hdr-ease);
}
.nw-search-overlay.is-open .nw-search-overlay__inner {
transform: none;
}
.nw-search-overlay__field {
position: relative;
}
.nw-search-overlay__field input {
width: 100%;
height: 64px;
padding: 0 60px 0 28px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: var(--hdr-radius);
color: #fff;
font-family: var(--hdr-font-display);
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.01em;
outline: none;
transition: border-color 0.3s var(--hdr-ease),
background-color 0.3s var(--hdr-ease);
}
.nw-search-overlay__field input::placeholder {
color: rgba(255, 255, 255, 0.45);
}
.nw-search-overlay__field input:focus {
border-color: var(--hdr-cyan);
background: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 0 1px var(--hdr-cyan), 0 18px 44px -18px rgba(106, 169, 236, 0.35);
}
.nw-search-overlay__close {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
border: none;
background: rgba(255, 255, 255, 0.08);
border-radius: var(--hdr-radius);
color: rgba(255, 255, 255, 0.7);
cursor: pointer;
display: grid;
place-items: center;
transition: background-color 0.2s, color 0.2s;
padding: 0;
}
.nw-search-overlay__close:hover {
background: rgba(255, 255, 255, 0.16);
color: #fff;
}
.nw-search-overlay__close svg {
width: 18px;
height: 18px;
}
.nw-search-overlay__hint {
margin-top: 16px;
text-align: center;
color: rgba(255, 255, 255, 0.4);
font-size: 0.82rem;
font-weight: 500;
}
.nw-search-overlay__hint kbd {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
padding: 2px 7px;
border-radius: var(--hdr-radius);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.6);
font-family: inherit;
font-size: 0.72rem;
margin: 0 2px;
} #masthead .nw-header__toggle {
display: none;
box-sizing: border-box;
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
flex: 0 0 44px;
border: 1px solid var(--hdr-border-2);
background: transparent;
border-radius: var(--hdr-radius);
cursor: pointer;
padding: 0;
margin: 0;
position: relative;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
z-index: 5;
appearance: none;
-webkit-appearance: none;
transition: background-color var(--hdr-dur) var(--hdr-ease),
border-color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nw-header__toggle:hover {
background: var(--hdr-ink);
border-color: var(--hdr-ink);
}
#masthead .nw-header__toggle:hover .nw-burger {
background: #fff;
} #masthead .nw-header__toggle .nw-burger {
display: block;
width: 20px;
height: 2.5px;
background: var(--hdr-ink);
border-radius: 2px;
transition: transform 0.3s var(--hdr-ease),
opacity 0.3s var(--hdr-ease),
background-color 0.2s;
} #masthead .nw-header__toggle.is-active {
background: var(--hdr-ink);
border-color: var(--hdr-ink);
}
#masthead .nw-header__toggle.is-active .nw-burger {
background: #fff;
}
#masthead .nw-header__toggle.is-active .nw-burger:nth-child(2) {
transform: translateY(7.5px) rotate(45deg);
}
#masthead .nw-header__toggle.is-active .nw-burger:nth-child(3) {
opacity: 0;
transform: scaleX(0);
}
#masthead .nw-header__toggle.is-active .nw-burger:nth-child(4) {
transform: translateY(-7.5px) rotate(-45deg);
} @media (max-width: 1080px) {
.nw-topbar {
display: block;
height: auto;
min-height: 44px;
overflow: visible;
}
body.header-scrolled .nw-topbar {
height: auto;
min-height: 44px;
}
.nw-topbar__inner {
justify-content: center;
padding: 4px 12px;
flex-wrap: wrap;
gap: 6px;
}
.nw-topbar__left {
display: none;
}
.nw-topbar__right {
display: flex;
justify-content: center;
max-width: 100%;
min-width: 0;
}
body.header-scrolled .nw-topbar {
height: auto;
min-height: 36px;
}
body.header-scrolled .nw-topbar__inner {
justify-content: center;
}
#masthead.site-header,
#masthead .nw-header,
#masthead .nw-header__inner {
overflow: visible;
}
#masthead .nw-header__inner {
min-height: 60px;
gap: 10px;
}
#masthead .nw-header__brand {
flex: 1 1 auto;
min-width: 0;
}
#masthead .nw-header__brand img {
max-height: 32px;
} #masthead .nw-header__toggle,
#masthead .nw-header__actions .nw-header__toggle {
display: inline-flex !important;
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
flex: 0 0 44px;
} #masthead .nw-header__cta,
#masthead .nw-header__cta:link,
#masthead .nw-header__cta:visited,
#masthead .nw-header__cta:hover,
#masthead .nw-header__cta:focus,
#masthead .nw-header__cta:active,
.nw-header__cta,
.nw-header__cta:link,
.nw-header__cta:visited {
display: inline-flex !important;
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
max-width: 44px;
padding: 0;
gap: 0;
justify-content: center;
align-items: center;
}
#masthead .nw-header__cta .nw-cta-text,
.nw-header__cta .nw-cta-text {
display: none !important;
}
.nw-header__actions {
gap: 8px;
flex: 0 0 auto;
margin-left: auto;
} #masthead .nw-topbar .nw-lang,
.nw-topbar .nw-lang {
padding: 2px;
gap: 2px;
flex-wrap: wrap;
justify-content: center;
max-width: 100%;
}
#masthead .nw-topbar .nw-lang__btn,
#masthead .nw-topbar .nw-lang__btn:link,
#masthead .nw-topbar .nw-lang__btn:visited,
.nw-topbar .nw-lang__btn,
.nw-topbar .nw-lang__btn:link,
.nw-topbar .nw-lang__btn:visited {
min-width: 44px;
min-height: 36px;
height: 36px;
padding: 0 8px;
font-size: 0.68rem;
}
.nw-header__search-toggle {
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
flex: 0 0 44px;
} #masthead .nw-header__nav.nwm {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 30;
display: flex;
flex-direction: column;
width: min(440px, 100vw);
height: 100vh;
height: 100dvh;
background: var(--hdr-bg);
border-left: 1px solid var(--hdr-border);
box-shadow: -24px 0 60px rgba(12, 22, 40, 0.18); overflow: hidden;
overflow: clip;
transform: translateX(100%);
visibility: hidden;
transition: transform 0.42s var(--hdr-ease),
visibility 0s linear 0.42s;
}
#masthead .nw-header__nav.nwm.is-open {
transform: none;
visibility: visible;
transition-delay: 0s;
} body.header-scrolled #masthead.site-header {
background: var(--hdr-bg);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.nwm-drawer-open #masthead.site-header {
z-index: 10000;
}
body.nwm-drawer-open .nw-mobile-backdrop {
z-index: 9999;
background: rgba(10, 22, 40, 0.45);
} html body.nwm-drawer-open #ht-ctc-chat,
html body.nwm-drawer-open #nama-chatbot-container,
html body.nwm-drawer-open a#inspiro-back-to-top.inspiro-back-to-top {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
#masthead .nwm-drawer-head {
display: flex;
align-items: center;
justify-content: space-between;
flex: 0 0 64px;
padding: 0 20px;
border-bottom: 1px solid var(--hdr-border);
}
#masthead .nwm-drawer-head__title {
color: var(--hdr-muted);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
}
#masthead .nwm-close {
display: grid;
place-items: center;
width: 44px;
height: 44px;
margin: 0 -6px 0 0;
padding: 0;
border: 1px solid var(--hdr-border-2);
border-radius: var(--hdr-radius);
background: transparent;
color: var(--hdr-ink);
font-size: 16px;
cursor: pointer;
}
#masthead .nwm-close:hover {
background: var(--hdr-ink);
border-color: var(--hdr-ink);
color: #fff;
}
#masthead .nwm-bar {
flex: 1 1 auto;
overflow-y: auto;
overscroll-behavior: contain;
padding: 6px 20px 12px;
}
#masthead .nwm-item {
position: static;
border-bottom: 1px solid var(--hdr-border);
}
#masthead .nwm-top,
#masthead .nwm-top:link,
#masthead .nwm-top:visited {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 60px;
margin: 0;
padding: 16px 2px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--hdr-ink);
font-family: var(--hdr-font);
font-size: 1.28rem;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.2;
text-align: left;
text-transform: none;
cursor: pointer; transition: color var(--hdr-dur) var(--hdr-ease);
}
#masthead .nwm-item.is-current > .nwm-top {
color: var(--hdr-brand);
}
#masthead .nwm-top__chev,
#masthead .nwm-top__go {
display: block;
color: var(--hdr-muted);
font-size: 0.9rem;
}
#masthead .nwm-top__chev {
transform: rotate(-90deg);
}
#masthead .nwm-top:active {
color: var(--hdr-brand);
} #masthead .nwm-panel {
position: absolute;
top: 64px;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
overflow-y: auto;
overscroll-behavior: contain;
background: var(--hdr-bg);
transform: translateX(100%);
visibility: hidden;
transition: transform 0.38s var(--hdr-ease),
visibility 0s linear 0.38s;
}
#masthead .nwm-item.is-open > .nwm-panel {
transform: none;
visibility: visible;
transition-delay: 0s;
}
#masthead .nwm-panel__head {
position: sticky;
top: 0;
z-index: 1;
display: block;
padding: 10px 20px 14px;
background: var(--hdr-bg);
border-bottom: 1px solid var(--hdr-border);
}
#masthead .nwm-back {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
margin: 0 0 0 -8px;
padding: 0 8px;
border: 0;
background: transparent;
color: var(--hdr-ink-3);
font-family: var(--hdr-font);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
}
#masthead .nwm-back__icon {
transform: rotate(180deg);
}
#masthead .nwm-panel__title {
display: block;
color: var(--hdr-ink);
font-size: 1.6rem;
font-weight: 550;
letter-spacing: -0.015em;
line-height: 1.15;
}
#masthead .nwm-panel__inner {
padding: 18px 20px 36px;
} #masthead .nwm-rail {
display: none;
}
#masthead .nwm-pane,
#masthead .nwm-pane.is-active {
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
column-gap: 14px;
align-items: start;
padding: 18px 0;
border-bottom: 1px solid var(--hdr-border);
}
#masthead .nwm-pane:first-child {
padding-top: 0;
} #masthead .nwm-pane__body {
display: contents;
}
#masthead .nwm-pane__media {
grid-row: 1 / span 3;
display: grid;
place-items: center;
width: 64px;
height: 64px;
background: var(--hdr-surface);
border: 1px solid var(--hdr-border);
border-radius: var(--hdr-radius);
}
#masthead .nwm-pane__media img {
width: 80%;
height: 80%;
object-fit: contain;
}
#masthead .nwm-pane .nwm-eyebrow,
#masthead .nwm-pane__body .nwm-pane__title,
#masthead .nwm-pane__body .nwm-pane__tag {
grid-column: 2;
}
#masthead .nwm-pane .nwm-eyebrow {
margin-bottom: 4px;
font-size: 0.62rem;
}
#masthead .nwm-pane__title,
#masthead .nwm-pane__title a {
color: var(--hdr-ink);
font-size: 1.12rem;
font-weight: 600;
line-height: 1.2;
}
#masthead .nwm-pane__tag {
margin-top: 4px;
color: var(--hdr-ink-3);
font-size: 0.84rem;
line-height: 1.45;
}
#masthead .nwm-pane .nwm-label,
#masthead .nwm-pane__body > .nwm-more {
display: none;
}
#masthead .nwm-pane .nwm-chips {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 6px;
margin-top: 14px;
}
#masthead .nwm-chip,
#masthead .nwm-chip:link,
#masthead .nwm-chip:visited {
justify-content: center;
align-items: center;
min-height: 44px;
padding: 0 4px;
}
#masthead .nwm-chip b {
font-size: 0.92rem;
} #masthead .nwm-pane--grid,
#masthead .nwm-pane--grid.is-active {
display: block;
}
#masthead .nwm-pane__intro {
margin-bottom: 14px;
}
#masthead .nwm-tiles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
#masthead .nwm-pane--grid .nwm-more {
margin-top: 16px;
}
#masthead .nwm-aside {
display: flex;
flex-direction: column;
gap: 18px;
padding-top: 22px;
} #masthead .nwm-panel__intro {
margin-bottom: 16px;
}
#masthead .nwm-panel__intro .nwm-eyebrow {
display: none;
}
#masthead .nwm-lead {
color: var(--hdr-ink-3);
font-size: 0.92rem;
}
#masthead .nwm-cards {
display: grid;
gap: 10px;
}
#masthead .nwm-card,
#masthead .nwm-card:link,
#masthead .nwm-card:visited {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
column-gap: 14px;
row-gap: 2px;
padding: 16px 40px 16px 16px;
}
#masthead .nwm-card__top {
grid-row: span 2;
margin: 0;
}
#masthead .nwm-card__num {
display: none;
}
#masthead .nwm-card__arrow {
left: auto;
right: 16px;
bottom: auto;
top: 50%;
margin-top: -0.5em;
}
#masthead .nwm-band {
flex-direction: column;
align-items: stretch;
} #masthead .nwm-panel__grid--split {
display: flex;
flex-direction: column;
gap: 16px;
}
#masthead .nwm-hero,
#masthead .nwm-hero:link,
#masthead .nwm-hero:visited {
min-height: 0;
padding: 22px;
}
#masthead .nwm-hero__lead {
font-size: 1.02rem;
}
#masthead .nwm-rows {
grid-template-columns: 1fr;
gap: 2px;
}
#masthead .nwm-row,
#masthead .nwm-row:link,
#masthead .nwm-row:visited {
padding: 12px 4px;
} #masthead .nwm-drawer-foot {
display: flex;
flex-direction: column;
gap: 14px;
flex: 0 0 auto;
padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
border-top: 1px solid var(--hdr-border);
background: var(--hdr-bg);
}
#masthead .nwm-drawer-foot__cta,
#masthead .nwm-drawer-foot__cta:link,
#masthead .nwm-drawer-foot__cta:visited {
width: 100%;
padding: 16px 20px;
}
#masthead .nwm-drawer-foot__contact {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px 16px;
}
#masthead .nwm-drawer-foot__contact a,
#masthead .nwm-drawer-foot__contact a:link,
#masthead .nwm-drawer-foot__contact a:visited {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 36px;
color: var(--hdr-ink-3);
font-size: 0.82rem;
font-weight: 500;
}
#masthead .nwm-drawer-foot__contact .nw-icon {
color: var(--hdr-brand);
font-size: 14px;
}
} @media (max-width: 400px) {
#masthead .nw-header {
padding: 0 12px;
}
#masthead .nw-header__title {
font-size: 0.88rem;
letter-spacing: 0.08em;
}
} #masthead .container,
#masthead .navbar,
#masthead .header-inner,
#masthead .site-header-inner,
#masthead .header-content,
#masthead .site-branding {
all: unset !important;
display: contents !important;
}
#masthead .navbar-toggle,
#masthead .menu-toggle,
#masthead .hamburger:not(.nw-header__toggle),
#masthead #primary-menu-toggle {
display: none !important;
} #masthead .sf-arrows .sf-with-ul::after,
#masthead .sf-arrows ul .sf-with-ul::after,
#masthead .nw-menu a.sf-with-ul::after {
display: none !important;
content: none !important;
}
@media (max-width: 1080px) { #masthead .nw-header__toggle,
#masthead .nw-header__actions .nw-header__toggle {
display: inline-flex !important;
}
#masthead .nw-header__cta,
#masthead .nw-header__cta:link,
#masthead .nw-header__cta:visited {
display: inline-flex !important;
}
}   .nw-topbar__item {
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
} #masthead .nw-header__inner {
flex-wrap: nowrap;
overflow: visible;
} #masthead a:focus-visible,
#masthead button:focus-visible {
outline: 2px solid var(--hdr-brand);
outline-offset: 2px;
border-radius: var(--hdr-radius);
} .nw-topbar a:focus-visible,
.nw-search-overlay input:focus-visible,
.nw-search-overlay button:focus-visible {
outline: 2px solid var(--hdr-cyan);
outline-offset: 2px;
} @media print {
.nw-topbar,
#masthead.site-header { display: none !important; }
} #ht-ctc-chat.ht-ctc-chat,
#ht-ctc-chat {
bottom: 24px !important;
right: 24px !important;
z-index: 99998 !important;
}
a#inspiro-back-to-top.inspiro-back-to-top,
#inspiro-back-to-top {
position: fixed !important;
right: 24px !important;
bottom: 88px !important;
left: auto !important;
top: auto !important;
z-index: 99997 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--inspiro-btt-bg, #1871bf) !important;
color: var(--inspiro-btt-icon, #fff) !important;
text-decoration: none !important;
box-shadow: 0 8px 24px rgba(10, 22, 40, 0.22);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(8px);
transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease;
}
a#inspiro-back-to-top.inspiro-back-to-top.is-visible,
#inspiro-back-to-top.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
#inspiro-back-to-top svg {
width: 16px;
height: 16px;
display: block;
}
@media (max-width: 600px) {
html:not(:has(.mobile-cta-bar)) #ht-ctc-chat.ht-ctc-chat,
html:not(:has(.mobile-cta-bar)) #ht-ctc-chat {
bottom: 18px !important;
right: 18px !important;
}
html:not(:has(.mobile-cta-bar)) a#inspiro-back-to-top.inspiro-back-to-top,
html:not(:has(.mobile-cta-bar)) #inspiro-back-to-top {
right: 18px !important;
bottom: 82px !important;
}
} @media (max-width: 768px) {
html body:has(.mobile-cta-bar) {
padding-bottom: 96px !important;
}
html:has(.mobile-cta-bar) #ht-ctc-chat.ht-ctc-chat,
html:has(.mobile-cta-bar) #ht-ctc-chat {
bottom: 108px !important;
}
html:has(.mobile-cta-bar) a#inspiro-back-to-top.inspiro-back-to-top,
html:has(.mobile-cta-bar) #inspiro-back-to-top {
bottom: 172px !important;
}
html:has(.mobile-cta-bar) .nama-chatbot-button {
bottom: 108px !important;
}
} @media (max-width: 1080px) {
.site-content-contain,
#content.site-content {
overflow-x: clip;
max-width: 100%;
}
.site-content img,
.site-content video,
.site-content iframe,
.site-content embed,
.site-content object {
max-width: 100%;
height: auto;
}
.site-content table {
max-width: 100%;
}
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content p,
.site-content li,
.site-content .hero-title,
.site-content .nm-hero__title,
.site-content .nw-hero-title {
overflow-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
}
}
@media (max-width: 768px) {
.site-content a.nw-btn,
.site-content .nw-btn,
.site-content .nm-btn,
.site-content .nm-info,
.site-content .hero-cta,
.site-content .cta-button,
.site-content .btn-primary,
.site-content .btn-secondary {
white-space: normal !important;
max-width: 100%;
box-sizing: border-box;
line-height: 1.35;
text-align: center;
}
.site-content .hero-title {
font-size: clamp(1.55rem, 7vw, 2.2rem) !important;
line-height: 1.15 !important;
}
}