.technical-site {
    --mast-edge: 15px;
    --mast-header-height: 76px;
    --mast-radius: 18px;
}
.tech-mast-page .tech-header {
    margin: 17px var(--mast-edge) calc(-1 * var(--mast-header-height));
    width: auto;
    min-height: var(--mast-header-height);
    border: 0;
    border-radius: var(--mast-radius) var(--mast-radius) 0 0;
    background: rgb(25 27 31 / .58);
    backdrop-filter: blur(16px);
    color: #fff;
    transition: background .2s ease;
}
.tech-mast-page .tech-header[data-sticky="1"] { top: 0; }
.tech-mast-page .tech-header.is-stuck { background: rgb(24 28 34 / .97); border-radius: 0 0 12px 12px; }
.tech-mast-page .tech-header .tech-header-inner {
    width: calc(100% - 42px);
    min-height: var(--mast-header-height);
    display: grid;
    grid-template-columns: minmax(170px,1fr) auto minmax(170px,1fr);
    gap: clamp(14px,2vw,34px);
}
.tech-mast-page .tech-header .tech-brand { justify-self: start; color: #fff; font-size: 1.15rem; }
.tech-mast-page .tech-header .tech-brand-mark {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
    border-radius: 50%;
    background: #ffffff21;
    border: 1px solid #ffffff4d;
    color: #fff;
}
.tech-mast-page .tech-header .tech-brand img { filter: brightness(0) invert(1); }
.tech-mast-page .tech-header-actions { justify-self: end; }
.tech-mast-page .tech-header .tech-desktop-nav > ul { gap: clamp(.55rem,1.4vw,1.4rem); }
.tech-mast-page .tech-header .tech-desktop-nav > ul > li > a { color: #fff; font-weight: 650; }
.tech-mast-page .tech-header .tech-desktop-nav > ul > li > a:hover { color: #fff; background: #ffffff18; }
.tech-mast-page .tech-header .tech-language > summary,
.tech-mast-page .tech-header .tech-mobile-menu > summary,
.tech-mast-page .tech-header .tech-header-request {
    color: #fff !important;
    border: 1px solid #ffffff4d;
    border-radius: 8px;
    background: #ffffff13;
}
.tech-mast-page .tech-header .tech-language > summary::after,
.tech-mast-page .tech-header .tech-mobile-menu > summary::after { color: #fff; }
.tech-mast-page .tech-header .tech-desktop-nav li > ul,
.tech-mast-page .tech-header .tech-language > ul,
.tech-mast-page .tech-header .tech-mobile-menu nav { color: var(--ink); }
.tech-mast-page .tech-header .tech-desktop-nav li > ul a[aria-current="page"] { color: var(--secondary); }
.tech-mast-page .tech-header-request:hover { background: #ffffff25; }

.tech-masthead, .technical-site .tech-slider-shell {
    width: calc(100% - 2 * var(--mast-edge));
    margin-inline: auto;
    padding: 0;
}
.technical-site .tech-masthead + .tech-section { padding-top: clamp(28px,4vw,56px); }
.technical-site .tech-masthead + .tech-service-body { padding-top: clamp(28px,4vw,56px); }
.technical-site .tech-masthead .tech-cover {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: clamp(345px,23vw,440px);
    padding-top: var(--mast-header-height);
    box-sizing: border-box;
    border: 0;
    border-radius: var(--mast-radius);
    color: #fff;
    background: var(--secondary);
}
.tech-masthead .tech-cover-media {
    position: absolute;
    inset: 0;
    z-index: -2;
    min-height: 0;
}
.tech-masthead .tech-cover.has-cover-image::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,#181b23ae 0%,#20232d59 53%,#20232d35 100%), #181b2324;
    pointer-events: none;
}
.tech-masthead .tech-cover-media .arven-cover-photo img { object-position: center 52%; }
.tech-masthead .tech-cover-copy {
    position: relative;
    width: min(100%,1200px);
    padding: 38px clamp(26px,3.2vw,62px) clamp(36px,4vw,69px);
    color: #fff;
}
.technical-site .tech-masthead .tech-cover h1 {
    color: #fff;
    font-size: clamp(2.3rem,3.6vw,3.65rem);
    font-weight: 800;
    line-height: 1.08;
    max-width: 24ch;
    margin: 0;
}
.technical-site .tech-masthead .tech-cover p { color: #fff; margin: .85rem 0 0; max-width: 58ch; line-height: 1.55; }
.tech-masthead .tech-cover-kicker {
    display: inline-flex;
    padding: .52rem .9rem;
    background: #ffffff20;
    border: 1px solid #ffffff42;
    border-radius: 999px;
    margin-bottom: .95rem;
    font-size: .76rem;
    font-weight: 700;
    backdrop-filter: blur(8px);
}
.technical-site .tech-masthead .tech-breadcrumb {
    margin: 1.2rem 0 0;
    gap: .44rem;
    align-items: center;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
}
.tech-masthead .tech-breadcrumb [aria-current] { opacity: .86; }
.tech-masthead .tech-cover-control { z-index: 2; background: #1e2229a3; }

.technical-site .tech-slider-shell { position: relative; }
.technical-site .tech-slider-stage {
    border: 0;
    border-radius: var(--mast-radius);
    background: var(--secondary);
}
.technical-site .tech-slide {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0,1fr);
    color: #fff;
    min-height: clamp(450px,34vw,620px);
    background: var(--secondary);
}
.technical-site .tech-slide-media {
    position: absolute;
    inset: 0;
    min-height: 0;
    aspect-ratio: auto;
    z-index: -2;
}
.technical-site .tech-slide-media img, .technical-site .tech-slide-media video { object-position: center 35%; }
.technical-site .tech-slide-media::after { display: none !important; }
.technical-site .tech-slide::after {
    display: block;
    background:
        linear-gradient(90deg,#111724d6 0%,#11172483 40%,#11172414 82%),
        linear-gradient(0deg,#0d13217a 0%,transparent 32%),
        rgb(0 0 0 / calc(var(--slide-overlay,.3) * .38));
}
.technical-site .tech-slide.align-right::after {
    background:
        linear-gradient(270deg,#111724d6 0%,#11172483 40%,#11172414 82%),
        linear-gradient(0deg,#0d13217a 0%,transparent 32%),
        rgb(0 0 0 / calc(var(--slide-overlay,.3) * .38));
}
.technical-site .tech-slide-copy {
    align-self: stretch;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: calc(var(--mast-header-height) + 32px) clamp(26px,3.2vw,62px) 85px;
    color: #fff;
}
.technical-site .tech-slide h2 {
    font-size: clamp(2.6rem,4.5vw,4.8rem);
    max-width: 17ch;
    color: #fff;
}
.technical-site .tech-slide .tech-kicker {
    color: #fff;
    background: #ffffff21;
    border: 1px solid #ffffff42;
    border-radius: 999px;
    backdrop-filter: blur(8px);
}
.technical-site .tech-slide-summary { color: #fff; max-width: 49ch; }
.technical-site .tech-slide .tech-outline { color: #fff; border-color: #ffffff6b; background: #ffffff13; }
.technical-site .tech-slide .tech-outline:hover { background: #ffffff2c; }
.technical-site .tech-slider-controls {
    position: absolute;
    z-index: 2;
    inset-inline: clamp(20px,3.2vw,62px);
    bottom: 14px;
    width: auto;
    margin: 0;
    border-top: 1px solid #ffffff47;
    color: #fff;
    padding-block: .4rem .15rem;
}
.technical-site .tech-slider-count { color: #fff; }
.technical-site .tech-slider-buttons button { color: #fff; border: 1px solid #ffffff60; border-radius: 50%; }
.technical-site .tech-slider-buttons button:hover { background: #ffffff22; }
.technical-site .tech-slider-dots button span { background: #ffffff7c; }
.technical-site .tech-slider-dots button[aria-current="true"] span { background: #fff; }

@media(max-width:1160px) {
    .tech-mast-page .tech-header .tech-header-inner { display: flex; justify-content: space-between; }
}
@media(max-width:680px) {
    .technical-site { --mast-edge: 8px; --mast-header-height: 60px; --mast-radius: 12px; }
    .tech-mast-page .tech-header { margin-top: 8px; }
    .tech-mast-page .tech-header .tech-header-inner { width: calc(100% - 24px); }
    .tech-mast-page .tech-header .tech-brand { font-size: .94rem; gap: .45rem; }
    .tech-mast-page .tech-header .tech-brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
    .tech-mast-page .tech-header .tech-mobile-menu nav { padding-inline: 16px; }
    .technical-site .tech-masthead .tech-cover { min-height: 284px; }
    .tech-masthead .tech-cover-copy { padding: 25px 18px 30px; }
    .technical-site .tech-masthead .tech-cover h1 { font-size: clamp(1.9rem,8vw,2.65rem); }
    .technical-site .tech-masthead .tech-breadcrumb { margin-top: .85rem; }
    .technical-site .tech-slide { min-height: clamp(440px,69svh,545px); }
    .technical-site .tech-slide-media img, .technical-site .tech-slide-media video { object-position: 62% center; }
    .technical-site .tech-slide::after, .technical-site .tech-slide.align-right::after {
        background: linear-gradient(0deg,#111724f2 0%,#111724b6 42%,#11172433 74%),rgb(0 0 0 / calc(var(--slide-overlay,.3) * .24));
    }
    .technical-site .tech-slide-copy { padding: calc(var(--mast-header-height) + 70px) 18px 72px; }
    .technical-site .tech-slide h2 { font-size: clamp(2rem,8.8vw,3rem); }
    .technical-site .tech-slide-summary { margin-block: .7rem .95rem; }
    .technical-site .tech-slider-controls { inset-inline: 15px; bottom: 8px; }
}
@media(min-width:681px) { .tech-mast-page.tech-mast-desktop-off .tech-header { margin-bottom:0; } }
@media(max-width:680px) { .tech-mast-page.tech-mast-mobile-off .tech-header { margin-bottom:0; } }