:root{--ink:#151b20;--muted:#6e777f;--line:#e7e9ea;--paper:#fff;--soft:#f4f5f2;--accent:#d7ff2f;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.site-header{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;position:absolute;top:0;left:0;right:0;z-index:30;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.brand{font-size:23px;font-weight:950;letter-spacing:-1px}.brand span{color:var(--accent)}.main-navigation{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-cta{padding:11px 15px;border:1px solid rgba(255,255,255,.45);border-radius:999px}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;color:inherit;font-size:24px}.hero-slider{height:min(88vh,820px);min-height:650px;position:relative;overflow:hidden;background:#25303a}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-image,.hero-fallback,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-fallback{background:linear-gradient(125deg,#182027,#45515b);z-index:0}.hero-image{z-index:1}.hero-overlay{background:linear-gradient(90deg,rgba(10,15,20,.74),rgba(10,15,20,.18));z-index:2}.hero-content{position:absolute;left:clamp(22px,8vw,125px);bottom:clamp(110px,16vh,160px);z-index:3;color:#fff;max-width:780px}.kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.hero-content h1{font-size:clamp(48px,6.8vw,96px);line-height:.94;letter-spacing:-.06em;margin:0 0 24px}.hero-content p{font-size:clamp(16px,1.6vw,21px);line-height:1.6;max-width:630px;color:rgba(255,255,255,.82)}.button{display:inline-flex;align-items:center;gap:18px;border:0;border-radius:999px;padding:14px 19px;background:var(--ink);color:#fff;font-weight:800;font-size:13px;cursor:pointer}.light-button{background:#fff;color:#151b20;margin-top:12px}.slider-controls{position:absolute;z-index:4;right:clamp(22px,5vw,76px);bottom:42px;display:flex;align-items:center;gap:14px}.slider-controls>button{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff}.slider-dots{display:flex;gap:7px}.slider-dots button{width:46px;height:4px;border-radius:999px;padding:0;border:0;background:rgba(255,255,255,.35);overflow:hidden}.slider-dots button span{display:block;width:0;height:100%;background:#fff}.slider-dots button.active span{animation:sliderProgress var(--slider-delay,6500ms) linear forwards}@keyframes sliderProgress{from{width:0}to{width:100%}}.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.intro-strip span{padding:24px;text-align:center;border-right:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.section{padding:clamp(70px,10vw,140px) clamp(22px,7vw,110px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-head h2,.story h2,.faq-section h2,.contact h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.055em;margin:0}.section-head>p{max-width:420px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:330px;padding:26px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.service-card:hover{background:var(--soft);transform:translateY(-3px)}.service-card .num{font-size:11px;color:#90979d}.service-card>div{margin:auto 0}.service-card h3{font-size:25px;letter-spacing:-.03em;margin:0 0 12px}.service-card p{color:var(--muted);line-height:1.6}.round{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-left:auto}.story{background:#f5f6f2;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.story-copy p{color:var(--muted);font-size:17px;line-height:1.8}.text-link{font-weight:800;display:inline-block;margin-top:18px}.story-visual{position:relative;min-height:520px}.story-visual img,.visual-placeholder{width:100%;height:520px;object-fit:cover;border-radius:var(--radius)}.visual-placeholder{display:grid;place-content:center;background:linear-gradient(135deg,#dfe3df,#bfc7c1);text-align:center;padding:30px}.visual-placeholder span{font-size:11px;letter-spacing:.2em}.visual-placeholder strong{max-width:330px;margin-top:10px}.experience-card{position:absolute;left:-35px;bottom:-30px;background:var(--accent);padding:25px;width:210px;border-radius:18px}.experience-card strong{display:block;font-size:42px}.experience-card span{font-size:12px;font-weight:750}.numbers{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(22px,7vw,110px);background:#f5f6f2}.numbers article{padding:45px 20px;border-top:1px solid #dfe2de;display:flex;justify-content:space-between}.numbers strong{font-size:12px}.numbers span{font-size:20px;font-weight:750}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-image{aspect-ratio:4/5;background:#eef0ed;border-radius:18px;overflow:hidden;display:grid;place-items:center;font-size:60px;font-weight:900;color:#b6bdb7}.team-image img{width:100%;height:100%;object-fit:cover}.team-card h3{margin:16px 0 3px}.team-card p,.team-card small{margin:0;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#f8f8f6}.faq-list details{border-top:1px solid #dfe2df;padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between}.faq-list details p{color:var(--muted);line-height:1.7}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact-copy>p{color:var(--muted)}.contact-meta{display:grid;gap:7px;margin-top:30px;font-size:13px}.contact-form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:750}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #ccd0d2;padding:13px 2px;outline:none;background:transparent}.contact-form input:focus,.contact-form textarea:focus{border-color:#151b20}.site-footer{padding:32px clamp(22px,7vw,110px);display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:12px}.site-footer p{margin-right:auto;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#171d24;color:#fff;padding:13px 16px;border-radius:12px;transform:translateY(100px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}
@media(max-width:980px){.service-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.story,.faq-section,.contact{grid-template-columns:1fr}.story-visual{margin-top:20px}.module-grid{grid-template-columns:1fr}.numbers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{height:68px;padding:0 20px}.menu-toggle{display:block}.main-navigation{position:absolute;top:68px;left:12px;right:12px;background:#fff;color:#151b20;border-radius:16px;padding:16px;display:none;box-shadow:0 20px 60px rgba(0,0,0,.18)}.main-navigation.open{display:grid}.nav-cta{border-color:#ddd}.hero-slider{min-height:620px;height:78vh}.hero-content{left:22px;right:22px;bottom:120px}.hero-content h1{font-size:50px}.slider-controls{left:22px;right:auto;bottom:32px}.intro-strip{grid-template-columns:1fr 1fr}.section{padding:72px 22px}.section-head{display:grid;margin-bottom:35px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.story-visual,.story-visual img,.visual-placeholder{min-height:360px;height:360px}.experience-card{left:15px;bottom:-25px}.numbers{padding:0 22px}.team-grid{grid-template-columns:1fr 1fr}.faq-section{gap:45px}.form-row{grid-template-columns:1fr}.site-footer{display:grid}.site-footer p{margin:0}.site-footer a:last-child{justify-self:start}}
@media(max-width:460px){.team-grid{grid-template-columns:1fr}.numbers{grid-template-columns:1fr 1fr}.numbers article{display:grid;gap:12px;padding:28px 10px}.hero-content h1{font-size:43px}}

.solid-header { position: relative; background: #fff; color: var(--ink); border-bottom-color: var(--line); }
.solid-header .nav-cta { border-color: var(--line); }
.page-hero { padding: 100px clamp(22px, 8vw, 125px) 70px; background: #f5f6f2; }
.page-hero h1 { max-width: 950px; margin: 0 0 22px; font-size: clamp(48px, 7vw, 94px); line-height: .98; letter-spacing: -.06em; }
.page-hero p { max-width: 720px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.page-content { width: min(920px, calc(100% - 44px)); margin: 0 auto; padding: 80px 0 120px; font-size: 17px; line-height: 1.85; }
.page-content h2 { margin-top: 55px; font-size: 38px; letter-spacing: -.04em; }
.page-content h3 { margin-top: 35px; font-size: 26px; }
.page-content img { max-width: 100%; height: auto; border-radius: var(--radius); }
@media(max-width:720px){.page-hero{padding:70px 22px 50px}.page-content{padding:55px 0 80px}.solid-header .main-navigation{top:68px}}

.main-navigation .nav-item { position: relative; }
.main-navigation .nav-item > a { display:flex; align-items:center; gap:6px; }
.submenu-arrow { font-size:12px; opacity:.65; }
.submenu { position:absolute; top:calc(100% + 14px); left:-18px; min-width:220px; padding:10px; background:#fff; border:1px solid #e8ebf0; border-radius:16px; box-shadow:0 18px 50px rgba(25,35,55,.12); opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; }
.submenu a { display:block; padding:10px 12px; border-radius:10px; white-space:nowrap; color:#182033; }
.submenu a:hover { background:#f4f6f8; }
.nav-item:hover .submenu, .nav-item:focus-within .submenu { opacity:1; visibility:visible; transform:none; }
@media (max-width: 820px) { .main-navigation .nav-item { width:100%; } .submenu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; border-left:2px solid #e6e9ee; border-radius:0; margin:6px 0 6px 10px; padding:2px 0 2px 12px; background:transparent; } }

/* V1.7 detail pages and career */
.detail-hero {
    padding: 130px clamp(22px, 7vw, 110px) 70px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr);
    gap: clamp(40px, 7vw, 110px);
    align-items: center;
    background: #f5f6f2;
}

.detail-hero-copy h1 {
    margin: 0 0 22px;
    font-size: clamp(48px, 6vw, 88px);
    line-height: .96;
    letter-spacing: -.055em;
}

.detail-hero-copy p {
    color: var(--muted);
    font-size: 18px;
    line-height: 1.7;
}

.detail-hero > img {
    width: 100%;
    height: min(58vh, 590px);
    object-fit: cover;
    border-radius: var(--radius);
}

.detail-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.detail-content img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.detail-cta {
    margin: 0 clamp(22px, 7vw, 110px) 90px;
    padding: clamp(28px, 5vw, 60px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #f4f5f2;
    border-radius: var(--radius);
}

.detail-cta h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 56px);
    letter-spacing: -.045em;
}

.service-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.company-teaser-grid,
.job-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.company-teaser,
.job-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

.company-teaser img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.company-teaser > div,
.job-card {
    padding: 24px;
}

.company-teaser h3,
.job-card h3 {
    margin: 6px 0 10px;
    font-size: 25px;
}

.company-teaser p,
.job-card p {
    color: var(--muted);
    line-height: 1.6;
}

.job-card {
    display: flex;
    flex-direction: column;
    min-height: 300px;
}

.job-card > div:first-child > span {
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--muted);
}

.job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: auto 0 15px;
}

.job-meta span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #f1f3f2;
    font-size: 11px;
    font-weight: 750;
}

.career-detail-grid {
    padding: 70px clamp(22px, 7vw, 110px) 100px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    gap: clamp(40px, 7vw, 90px);
    align-items: start;
}

.career-detail-grid .page-content {
    width: 100%;
    padding: 0;
}

.application-card {
    position: sticky;
    top: 100px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
}

.application-card h2 {
    margin: 0 0 20px;
}

.application-card form {
    display: grid;
    gap: 13px;
}

.application-card label {
    display: grid;
    gap: 6px;
    font-size: 12px;
    font-weight: 750;
}

.application-card input,
.application-card textarea {
    width: 100%;
    border: 1px solid #dfe3e7;
    border-radius: 10px;
    padding: 11px 12px;
    background: #fff;
}

@media (max-width: 900px) {
    .detail-hero,
    .career-detail-grid {
        grid-template-columns: 1fr;
    }

    .company-teaser-grid,
    .job-grid {
        grid-template-columns: 1fr 1fr;
    }

    .application-card {
        position: static;
    }
}

@media (max-width: 620px) {
    .detail-hero {
        padding: 95px 22px 45px;
    }

    .detail-hero > img {
        height: 330px;
    }

    .detail-cta {
        display: grid;
        margin-bottom: 60px;
    }

    .company-teaser-grid,
    .job-grid {
        grid-template-columns: 1fr;
    }

    .career-detail-grid {
        padding: 50px 22px 70px;
    }
}

/* Hero readability without hiding the photography. */
.site-header {
    background: linear-gradient(180deg, rgba(8, 13, 18, 0.48), rgba(8, 13, 18, 0.12) 68%, transparent);
    text-shadow: 0 1px 18px rgba(0, 0, 0, 0.28);
}
.hero-image { filter: brightness(0.88) saturate(0.94) contrast(1.02); }
.hero-overlay {
    background: linear-gradient(180deg, rgba(6,11,16,.25), transparent 34%), linear-gradient(90deg, rgba(8,13,18,.70), rgba(8,13,18,.36) 44%, rgba(8,13,18,.07) 78%);
}
.hero-content { text-shadow: 0 2px 28px rgba(0,0,0,.28); }
.hero-content p { color: rgba(255,255,255,.92); }
@media(max-width:720px){
    .hero-overlay { background: linear-gradient(180deg, rgba(6,11,16,.30), transparent 32%), linear-gradient(90deg, rgba(8,13,18,.72), rgba(8,13,18,.34)); }
}

/* V1.7.5 — directional hero scrim: readable copy, visible photography. */
.hero-image {
    filter: saturate(0.98) contrast(1.02);
}

.hero-overlay {
    z-index: 2;
    opacity: 1 !important;
    background:
        linear-gradient(
            180deg,
            rgba(7, 12, 18, 0.42) 0%,
            rgba(7, 12, 18, 0.10) 18%,
            rgba(7, 12, 18, 0) 34%
        ),
        linear-gradient(
            90deg,
            rgba(7, 12, 18, 0.92) 0%,
            rgba(7, 12, 18, 0.82) 20%,
            rgba(7, 12, 18, 0.60) 38%,
            rgba(7, 12, 18, 0.28) 52%,
            rgba(7, 12, 18, 0.08) 64%,
            rgba(7, 12, 18, 0) 76%
        );
}

.hero-content {
    max-width: min(720px, 48vw);
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.22);
}

@media (max-width: 720px) {
    .hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(7, 12, 18, 0.48) 0%,
                rgba(7, 12, 18, 0.12) 18%,
                rgba(7, 12, 18, 0.08) 48%,
                rgba(7, 12, 18, 0.66) 100%
            ),
            linear-gradient(
                90deg,
                rgba(7, 12, 18, 0.78) 0%,
                rgba(7, 12, 18, 0.46) 58%,
                rgba(7, 12, 18, 0.12) 100%
            );
    }

    .hero-content {
        max-width: none;
    }
}

/* Shared two-column detail rhythm for companies and editor-created pages. */
.standard-detail-shell {
    width: min(var(--content-max), calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(58px, 7vw, 96px) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: clamp(48px, 7vw, 96px);
    align-items: start;
}
.standard-detail-shell .page-content { width: auto; margin: 0; padding: 0; min-width: 0; }
.standard-detail-aside { min-width: 0; position: sticky; top: 28px; }
.detail-related-links { display: grid; border-top: 1px solid var(--line); }
.detail-related-links .kicker { margin: 20px 0 10px; color: var(--muted); }
.detail-related-links a { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 750; }
.detail-related-links a:hover { color: #327ca0; }
.standard-detail-shell .detail-cta { margin-top: 56px; }
@media (max-width: 820px) {
    .standard-detail-shell { width: min(680px, calc(100% - 36px)); display: flex; flex-direction: column; gap: 42px; padding: 46px 0 72px; }
    .standard-detail-aside { position: static; width: 100%; }
}

/* V1.7.6 — right-side header protection over hero photography.
   The navigation lives on the upper-right, so protect that zone without
   darkening the entire image. The copy scrim remains independent. */
.hero-slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: min(72%, 980px);
    height: 150px;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(6, 11, 16, 0.68) 0%,
            rgba(6, 11, 16, 0.38) 38%,
            rgba(6, 11, 16, 0.12) 70%,
            rgba(6, 11, 16, 0) 100%
        ),
        linear-gradient(
            270deg,
            rgba(6, 11, 16, 0.24) 0%,
            rgba(6, 11, 16, 0.10) 58%,
            rgba(6, 11, 16, 0) 100%
        );
}

/* Keep the actual header clean; the hero owns the contrast layer. */
.site-header:not(.solid-header) {
    background: transparent;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.42);
}

.site-header:not(.solid-header) .main-navigation > a,
.site-header:not(.solid-header) .brand,
.site-header:not(.solid-header) .menu-toggle {
    position: relative;
    z-index: 1;
}

@media (max-width: 720px) {
    .hero-slider::before {
        width: 100%;
        height: 112px;
        background: linear-gradient(
            180deg,
            rgba(6, 11, 16, 0.70) 0%,
            rgba(6, 11, 16, 0.34) 46%,
            rgba(6, 11, 16, 0) 100%
        );
    }

    /* The opened mobile menu is a white panel, so it must not inherit the
       hero text shadow used by the closed header controls. */
    .site-header:not(.solid-header) .main-navigation.open {
        text-shadow: none;
    }
}

/* V1.7.7 — navigation-only header contrast strip.
   Desktop protection is limited to the navigation area: full header height,
   horizontal from the right edge toward the menu start. */
@media (min-width: 721px) {
    .hero-slider::before {
        display: none;
    }

    .site-header:not(.solid-header)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(72%, 980px);
        z-index: 0;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            rgba(6, 11, 16, 0) 0%,
            rgba(6, 11, 16, 0.10) 18%,
            rgba(6, 11, 16, 0.34) 46%,
            rgba(6, 11, 16, 0.62) 100%
        );
    }

    .site-header:not(.solid-header) .main-navigation {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 720px) {
    /* Mobile keeps a compact full-width strip because logo and menu trigger
       occupy opposite sides of the same header row. */
    .hero-slider::before {
        display: none;
    }

    .site-header:not(.solid-header)::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            rgba(6, 11, 16, 0.24) 0%,
            rgba(6, 11, 16, 0.38) 58%,
            rgba(6, 11, 16, 0.58) 100%
        );
    }

    .site-header:not(.solid-header) .brand,
    .site-header:not(.solid-header) .menu-toggle,
    .site-header:not(.solid-header) .main-navigation {
        position: relative;
        z-index: 1;
    }
}

/* V1.7.8 — configurable navigation contrast + professional mobile menu */
.site-logo {
    display: block;
    width: auto;
    max-width: 190px;
    height: 46px;
    object-fit: contain;
}

.brand-text {
    display: block;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.mobile-menu-head,
.mobile-menu-backdrop,
.submenu-toggle {
    display: none;
}

@media (min-width: 821px) {
    .site-header:not(.solid-header)::after {
        background: linear-gradient(
            90deg,
            color-mix(in srgb, var(--header-nav-color, #071018) 0%, transparent) 0%,
            color-mix(in srgb, var(--header-nav-color, #071018) 16%, transparent) 22%,
            color-mix(in srgb, var(--header-nav-color, #071018) 52%, transparent) 58%,
            color-mix(in srgb, var(--header-nav-color, #071018) 82%, transparent) 100%
        );
    }

    .nav-link-row > a {
        display: flex;
        align-items: center;
        min-height: 42px;
    }
}

@media (max-width: 820px) {
    body.menu-open {
        overflow: hidden;
    }

    .site-header {
        height: 72px;
        padding: 0 18px;
    }

    .site-logo {
        max-width: 155px;
        height: 40px;
    }

    .menu-toggle {
        position: relative;
        z-index: 42;
        display: grid;
        place-content: center;
        gap: 5px;
        width: 46px;
        height: 46px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 14px;
        background: color-mix(in srgb, var(--header-nav-color, #071018) 35%, transparent);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .solid-header .menu-toggle {
        border-color: #e3e7eb;
        background: #f5f7f8;
    }

    .menu-toggle span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 99px;
        background: currentColor;
        transition: transform 0.25s ease, opacity 0.2s ease;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .mobile-menu-backdrop {
        position: fixed;
        inset: 0;
        z-index: 38;
        display: block;
        background: rgba(8, 13, 18, 0.48);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.28s ease, visibility 0.28s ease;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    body.menu-open .mobile-menu-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .main-navigation,
    .solid-header .main-navigation {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 40;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: min(88vw, 390px);
        padding: 0 22px 24px;
        border-radius: 0;
        background: #fff;
        color: #151b20;
        box-shadow: -24px 0 70px rgba(8, 15, 22, 0.18);
        transform: translateX(104%);
        visibility: hidden;
        overflow-y: auto;
        transition: transform 0.34s cubic-bezier(.2,.8,.2,1), visibility 0.34s ease;
    }

    .main-navigation.open {
        display: flex;
        transform: translateX(0);
        visibility: visible;
    }

    .mobile-menu-head {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 78px;
        border-bottom: 1px solid #edf0f2;
        background: #fff;
        font-size: 12px;
        font-weight: 850;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .mobile-menu-close {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 0;
        border-radius: 50%;
        background: #f3f5f6;
        color: #151b20;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu-links {
        display: grid;
        padding: 18px 0 24px;
    }

    .main-navigation .nav-item {
        width: 100%;
        border-bottom: 1px solid #edf0f2;
    }

    .nav-link-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .nav-link-row > a {
        min-width: 0;
        padding: 17px 0;
        font-size: 17px;
        font-weight: 780;
        letter-spacing: -0.02em;
    }

    .submenu-toggle {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        border-radius: 12px;
        background: #f5f7f8;
        color: #151b20;
        cursor: pointer;
    }

    .submenu-toggle span {
        transition: transform 0.22s ease;
    }

    .nav-item.submenu-open .submenu-toggle span {
        transform: rotate(180deg);
    }

    .main-navigation .submenu {
        position: static;
        display: grid;
        max-height: 0;
        margin: 0;
        padding: 0 0 0 14px;
        border: 0;
        border-left: 2px solid #e7ebee;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        transform: none;
        transition: max-height 0.28s ease, padding 0.28s ease, margin 0.28s ease;
    }

    .nav-item.submenu-open .submenu {
        max-height: 500px;
        margin: 0 0 14px 4px;
        padding: 2px 0 2px 14px;
    }

    .main-navigation .submenu a {
        padding: 11px 8px;
        color: #5e6872;
        font-size: 14px;
        font-weight: 650;
        white-space: normal;
    }

    .main-navigation .nav-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        padding: 15px 17px;
        border: 0;
        border-radius: 14px;
        background: #151b20;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
    }

    .site-header:not(.solid-header)::after {
        background: linear-gradient(
            90deg,
            color-mix(in srgb, var(--header-nav-color, #071018) 26%, transparent) 0%,
            color-mix(in srgb, var(--header-nav-color, #071018) 58%, transparent) 100%
        );
    }
}

/* RcV41 final container and drag overrides (kept last for predictable cascade). */
:root { --content-max: 1180px; }
.site-header { padding-left: max(22px, calc((100% - var(--content-max)) / 2)); padding-right: max(22px, calc((100% - var(--content-max)) / 2)); }
.hero-content { left: max(22px, calc((100% - var(--content-max)) / 2)); right: max(22px, calc((100% - var(--content-max)) / 2)); }
.slider-controls { right: max(22px, calc((100% - var(--content-max)) / 2)); }
.section, .numbers, .site-footer { padding-left: max(22px, calc((100% - var(--content-max)) / 2)); padding-right: max(22px, calc((100% - var(--content-max)) / 2)); }
.subpage-hero-content, .hero-breadcrumb { left: max(22px, calc((100% - var(--content-max)) / 2)); right: max(22px, calc((100% - var(--content-max)) / 2)); }
.hero-breadcrumb { right: auto; width: fit-content; max-width: min(var(--content-max), calc(100% - 44px)); }
.service-gallery-track { cursor: grab; touch-action: pan-y; user-select: none; }
.service-gallery-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.service-gallery-track.is-dragging .service-gallery-thumb { pointer-events: none; }
@media (max-width: 720px) {
    .site-header { padding-left: 20px; padding-right: 20px; }
    .hero-content { left: 22px; right: 22px; }
    .slider-controls { left: auto; right: 22px; }
    .section, .numbers, .site-footer { padding-left: 22px; padding-right: 22px; }
    .subpage-hero-content, .hero-breadcrumb { left: 22px; right: 22px; }
    .hero-breadcrumb { right: auto; max-width: calc(100% - 44px); }
}

/* RcV41 — one responsive content rhythm across home and inner pages. */
:root { --content-max: 1180px; }
.site-header {
    padding-left: max(22px, calc((100% - var(--content-max)) / 2));
    padding-right: max(22px, calc((100% - var(--content-max)) / 2));
}
.hero-content {
    left: max(22px, calc((100% - var(--content-max)) / 2));
    right: max(22px, calc((100% - var(--content-max)) / 2));
}
.hero-content p { max-width: 650px; }
.slider-controls {
    right: max(22px, calc((100% - var(--content-max)) / 2));
}
.section,
.numbers,
.site-footer {
    padding-left: max(22px, calc((100% - var(--content-max)) / 2));
    padding-right: max(22px, calc((100% - var(--content-max)) / 2));
}
.subpage-hero-content,
.hero-breadcrumb {
    left: max(22px, calc((100% - var(--content-max)) / 2));
    right: max(22px, calc((100% - var(--content-max)) / 2));
}
.hero-breadcrumb { width: auto; }
.service-gallery-track {
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
}
.service-gallery-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}
.service-gallery-track.is-dragging .service-gallery-thumb { pointer-events: none; }
@media (max-width: 720px) {
    .site-header { padding-left: 20px; padding-right: 20px; }
    .hero-content { left: 22px; right: 22px; }
    .slider-controls { right: auto; left: 22px; }
    .section, .numbers, .site-footer { padding-left: 22px; padding-right: 22px; }
    .subpage-hero-content, .hero-breadcrumb { left: 22px; right: 22px; }
}

/* V1.8.0 — clean navigation system. These rules intentionally own the header UI. */
@media (min-width: 821px) {
    .site-header {
        display: flex;
        align-items: center;
        height: 86px;
        padding: 0 clamp(24px, 4.5vw, 76px);
    }

    .brand {
        position: relative;
        z-index: 3;
        flex: 0 0 auto;
    }

    .menu-toggle,
    .mobile-menu-head,
    .mobile-menu-backdrop,
    .submenu-toggle {
        display: none !important;
    }

    .main-navigation,
    .solid-header .main-navigation {
        position: relative;
        inset: auto;
        z-index: 3;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: auto;
        margin-left: auto;
        padding: 0;
        gap: 4px;
        overflow: visible;
        background: transparent;
        box-shadow: none;
        transform: none;
        visibility: visible;
    }

    .mobile-menu-links {
        display: flex;
        align-items: center;
        gap: 2px;
        padding: 0;
    }

    .main-navigation .nav-item {
        position: relative;
        width: auto;
        border: 0;
    }

    .nav-link-row {
        display: flex;
        align-items: center;
    }

    .nav-link-row > a {
        min-height: 42px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 760;
        white-space: nowrap;
    }

    .site-header:not(.solid-header) .nav-link-row > a:hover {
        background: rgba(255,255,255,.10);
    }

    .solid-header .nav-link-row > a:hover {
        background: #f3f5f6;
    }

    .main-navigation .submenu {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        left: auto;
        display: grid;
        min-width: 230px;
        max-height: none;
        margin: 0;
        padding: 7px;
        border: 1px solid #e7eaed;
        border-radius: 13px;
        background: #fff;
        box-shadow: 0 18px 48px rgba(15, 23, 32, .13);
        opacity: 0;
        visibility: hidden;
        overflow: visible;
        transform: translateY(6px);
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    .main-navigation .nav-item:hover > .submenu,
    .main-navigation .nav-item:focus-within > .submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .main-navigation .submenu a {
        padding: 10px 11px;
        border-radius: 8px;
        color: #35404a;
        font-size: 13px;
        font-weight: 650;
        white-space: nowrap;
    }

    .main-navigation .submenu a:hover {
        background: #f3f5f6;
        color: #111820;
    }

    .main-navigation .nav-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 42px;
        margin: 0 0 0 8px;
        padding: 0 14px;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 10px;
        font-size: 13px;
        font-weight: 800;
        white-space: nowrap;
    }

    .solid-header .main-navigation .nav-cta {
        border-color: #dfe3e7;
        background: #151b20;
        color: #fff;
    }
}

@media (max-width: 820px) {
    .site-header {
        height: 68px;
        padding: 0 14px 0 18px;
    }

    .site-logo {
        max-width: 148px;
        height: 38px;
    }

    .menu-toggle {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .menu-toggle[aria-expanded="true"] {
        opacity: 0;
        pointer-events: none;
    }

    .main-navigation,
    .solid-header .main-navigation {
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(90vw, 380px);
        padding: 0 18px 18px;
        border: 0;
        border-radius: 0;
        background: #fff;
        color: #151b20;
    }

    .mobile-menu-head {
        min-height: 68px;
    }

    .mobile-menu-close {
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 0;
    }

    .mobile-menu-close::before,
    .mobile-menu-close::after {
        content: "";
        position: absolute;
        width: 18px;
        height: 2px;
        border-radius: 99px;
        background: currentColor;
    }

    .mobile-menu-close::before {
        transform: rotate(45deg);
    }

    .mobile-menu-close::after {
        transform: rotate(-45deg);
    }

    .mobile-menu-links {
        display: block;
        padding: 10px 0 20px;
    }

    .main-navigation .nav-item {
        border-bottom: 1px solid #edf0f2;
    }

    .nav-link-row > a {
        padding: 15px 2px;
        font-size: 16px;
    }

    .submenu-toggle {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .main-navigation .submenu {
        border-left: 0;
    }

    .nav-item.submenu-open .submenu {
        margin: -2px 0 10px;
        padding: 4px 0 6px 12px;
        border-left: 2px solid #e3e7ea;
    }

    .main-navigation .submenu a {
        padding: 9px 10px;
        border-radius: 8px;
    }

    .main-navigation .nav-cta {
        min-height: 48px;
        margin-top: 10px;
        border-radius: 12px;
    }
}

/* V1.8.1 — final navigation ownership. Mobile is a single clean drawer, no nested legacy menu UI. */
@media (max-width: 820px) {
    .site-header { z-index: 70; }
    .brand { z-index: 72; }
    .menu-toggle { z-index: 74; border-radius: 999px; }
    .menu-toggle[aria-expanded="true"] { opacity: 1; pointer-events: auto; position: fixed; top: 12px; right: 14px; border-color: #e4e8eb; background: #f4f6f7; color: #151b20; text-shadow: none; }
    .mobile-menu-backdrop { z-index: 68; background: rgba(8,13,18,.52); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
    .main-navigation, .solid-header .main-navigation { z-index: 70; width: min(92vw, 410px); padding: 0; background: #fff; color: #151b20; text-shadow: none; box-shadow: -20px 0 60px rgba(10,18,26,.20); overscroll-behavior: contain; }
    .mobile-menu-head { position: sticky; top: 0; z-index: 2; min-height: 68px; padding: 0 70px 0 20px; border-bottom: 1px solid #edf0f2; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
    .mobile-menu-brand { display: flex; align-items: center; min-width: 0; }
    .mobile-menu-brand img { display: block; max-width: 135px; max-height: 34px; object-fit: contain; }
    .mobile-menu-brand strong { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; letter-spacing: -.02em; }
    .mobile-menu-label { margin-left: auto; color: #9aa2aa; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
    .mobile-menu-close { display: none !important; }
    .mobile-menu-links { display: block; padding: 10px 20px 22px; }
    .main-navigation .nav-item { border: 0; }
    .nav-link-row { min-height: 54px; border-bottom: 1px solid #edf0f2; }
    .nav-link-row > a { display: flex; align-items: center; min-height: 54px; padding: 0; font-size: 17px; font-weight: 760; line-height: 1.2; }
    .submenu-toggle { width: 38px; height: 38px; margin-left: 10px; border: 1px solid #e7eaed; border-radius: 50%; background: #fff; }
    .submenu-toggle span { font-size: 17px; line-height: 1; transform: translateY(-1px); }
    .nav-item.submenu-open .submenu-toggle { background: #151b20; color: #fff; border-color: #151b20; }
    .main-navigation .submenu { display: grid; max-height: 0; margin: 0; padding: 0 0 0 14px; border: 0; background: #f7f8f9; border-radius: 0 0 12px 12px; opacity: 1; visibility: visible; overflow: hidden; transition: max-height .25s ease, padding .25s ease, margin .25s ease; }
    .nav-item.submenu-open .submenu { max-height: 420px; margin: 0 0 8px; padding: 7px 10px 8px 14px; }
    .main-navigation .submenu a { position: relative; padding: 10px 10px 10px 16px; border-radius: 8px; color: #59636d; font-size: 14px; font-weight: 650; }
    .main-navigation .submenu a::before { content: ""; position: absolute; left: 3px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #b5bcc3; transform: translateY(-50%); }
    .main-navigation .nav-cta { margin: auto 20px 20px; min-height: 50px; padding: 0 17px; border-radius: 12px; background: #151b20; color: #fff; }
}
@media (max-width: 390px) {
    .main-navigation, .solid-header .main-navigation { width: 100%; }
}

/* V1.8.2 — definitive mobile navigation layer.
   This block intentionally comes last and overrides all legacy navigation rules. */
@media (max-width: 820px) {
    .site-header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 72px;
        padding: 0 16px 0 20px;
    }

    .site-header .brand {
        position: relative;
        z-index: 102;
        display: flex;
        align-items: center;
        min-width: 0;
        max-width: calc(100% - 64px);
    }

    .site-header .site-logo {
        display: block;
        width: auto;
        max-width: min(48vw, 160px);
        height: auto;
        max-height: 42px;
        object-fit: contain;
    }

    .site-header .menu-toggle {
        position: relative;
        z-index: 104;
        flex: 0 0 46px;
        display: grid !important;
        place-items: center;
        width: 46px;
        height: 46px;
        margin: 0 0 0 auto;
        padding: 0;
        border: 1px solid rgba(255,255,255,.30);
        border-radius: 14px;
        background: color-mix(in srgb, var(--header-nav-color, #071018) 52%, transparent);
        color: #fff;
        cursor: pointer;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header.solid-header .menu-toggle {
        border-color: #e1e6ea;
        background: #f4f6f7;
        color: #151b20;
    }

    .menu-toggle span {
        position: absolute;
        left: 12px;
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transition: top .22s ease, transform .22s ease, opacity .18s ease;
    }

    .menu-toggle span:nth-child(1) { top: 15px; }
    .menu-toggle span:nth-child(2) { top: 21px; }
    .menu-toggle span:nth-child(3) { top: 27px; }

    .menu-toggle[aria-expanded="true"] {
        position: fixed;
        top: 13px;
        right: 14px;
        z-index: 108;
        border-color: #e2e6e9;
        background: #f3f5f6;
        color: #151b20;
        text-shadow: none;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(1) {
        top: 21px;
        transform: rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .menu-toggle[aria-expanded="true"] span:nth-child(3) {
        top: 21px;
        transform: rotate(-45deg);
    }

    .mobile-menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 105 !important;
        display: block !important;
        background: rgba(7, 12, 18, .52);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .28s ease, visibility .28s ease;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    body.menu-open { overflow: hidden; }
    body.menu-open .mobile-menu-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 106 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: min(92vw, 400px) !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #151b20 !important;
        box-shadow: -24px 0 70px rgba(8, 15, 22, .22) !important;
        text-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: translate3d(104%, 0, 0) !important;
        visibility: hidden !important;
        transition: transform .32s cubic-bezier(.2,.8,.2,1), visibility .32s ease !important;
    }

    .site-header .main-navigation.open {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
    }

    .mobile-menu-head {
        position: sticky !important;
        top: 0;
        z-index: 2;
        display: flex !important;
        align-items: center;
        min-height: 72px;
        padding: 0 72px 0 20px;
        border-bottom: 1px solid #edf0f2;
        background: rgba(255,255,255,.97);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .mobile-menu-brand { display: flex; align-items: center; min-width: 0; }
    .mobile-menu-brand img { display: block; width: auto; max-width: 145px; max-height: 36px; object-fit: contain; }
    .mobile-menu-brand strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
    .mobile-menu-label { margin-left: auto; color: #939ca4; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }

    .mobile-menu-links {
        display: block !important;
        flex: 1 0 auto;
        padding: 12px 20px 18px !important;
    }

    .main-navigation .nav-item { display: block; width: 100%; border: 0 !important; }
    .main-navigation .nav-link-row { display: flex; align-items: center; min-height: 58px; border-bottom: 1px solid #edf0f2; }
    .main-navigation .nav-link-row > a { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; min-height: 58px; padding: 0 !important; color: #151b20; font-size: 17px; font-weight: 760; line-height: 1.2; }

    .main-navigation .submenu-toggle {
        flex: 0 0 40px;
        display: grid !important;
        place-items: center;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        padding: 0;
        border: 1px solid #e4e8eb;
        border-radius: 12px;
        background: #f7f8f9;
        color: #20272d;
        cursor: pointer;
    }

    .main-navigation .submenu-toggle span { transition: transform .22s ease; }
    .main-navigation .nav-item.submenu-open .submenu-toggle span { transform: rotate(180deg); }

    .main-navigation .submenu {
        position: static !important;
        display: grid !important;
        grid-template-rows: 0fr;
        min-width: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 0 0 14px 14px !important;
        background: #f6f7f8 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
        transform: none !important;
        transition: grid-template-rows .25s ease, padding .25s ease, margin .25s ease !important;
    }

    .main-navigation .submenu > a { display: none; }
    .main-navigation .nav-item.submenu-open .submenu { margin: 0 0 10px !important; padding: 8px 12px !important; }
    .main-navigation .nav-item.submenu-open .submenu > a {
        display: block;
        padding: 11px 10px !important;
        border-radius: 9px;
        color: #56616a;
        font-size: 14px;
        font-weight: 650;
    }

    .main-navigation .nav-cta {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        min-height: 52px;
        margin: 0 20px 20px !important;
        padding: 0 17px !important;
        border: 0 !important;
        border-radius: 13px !important;
        background: #151b20 !important;
        color: #fff !important;
        font-size: 14px;
        font-weight: 800;
    }
}

@media (max-width: 390px) {
    .site-header .main-navigation,
    .site-header.solid-header .main-navigation { width: 100% !important; }
}


/* V1.8.4 — stable close control inside the mobile navigation drawer */
@media (max-width: 820px) {
    .mobile-menu-head {
        position: sticky !important;
        top: 0;
        z-index: 20 !important;
        padding-right: 78px !important;
    }

    .mobile-menu-label {
        margin-left: auto;
        margin-right: 2px;
    }

    .mobile-menu-close {
        position: absolute !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 30 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dfe4e7 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #111820 !important;
        box-shadow: 0 5px 18px rgba(16, 24, 32, .08) !important;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    .mobile-menu-close-icon {
        display: block !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        color: inherit !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 31px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    .mobile-menu-close-icon::before,
    .mobile-menu-close-icon::after,
    .mobile-menu-close::before,
    .mobile-menu-close::after {
        content: none !important;
        display: none !important;
    }

    .mobile-menu-close:focus-visible {
        outline: 2px solid #111820;
        outline-offset: 3px;
    }

    body.menu-open .menu-toggle {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (min-width: 821px) {
    .mobile-menu-close {
        display: none !important;
    }
}

/* V1.8.6 — subpage hero + header contrast */
body.subpage .site-header,
body.subpage .site-header.solid-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: color-mix(in srgb, var(--header-nav-color, #071018) 88%, transparent);
    border-bottom-color: rgba(255, 255, 255, .16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.subpage .site-header .nav-cta,
body.subpage .site-header.solid-header .nav-cta {
    border-color: rgba(255, 255, 255, .42);
}

.subpage-hero {
    position: relative;
    min-height: clamp(270px, 29vw, 390px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: #202a32;
    color: #fff;
    padding: 104px clamp(22px, 8vw, 125px) clamp(40px, 5vw, 58px);
}

.subpage-hero-image,
.subpage-hero-fallback,
.subpage-hero-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.subpage-hero-image {
    z-index: 1;
    object-fit: cover;
}

.subpage-hero-fallback {
    z-index: 0;
    background: linear-gradient(125deg, #182027, #45515b);
}

.subpage-hero-scrim {
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(7, 13, 19, .82) 0%, rgba(7, 13, 19, .58) 36%, rgba(7, 13, 19, .12) 70%, rgba(7, 13, 19, 0) 100%),
        linear-gradient(0deg, rgba(7, 13, 19, .36) 0%, rgba(7, 13, 19, 0) 55%);
}

.subpage-hero-content {
    position: relative;
    z-index: 3;
    width: min(820px, 100%);
}

.subpage-hero-content h1 {
    margin: 0 0 22px;
    font-size: clamp(38px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -.06em;
}

.subpage-hero-content p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.7;
}

/* V1.8.6 — dot-only slider navigation with autoplay progress */
@property --slider-progress {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

.slider-controls {
    right: auto;
    left: clamp(22px, 8vw, 125px);
    bottom: 42px;
}

.slider-dots {
    align-items: center;
    gap: 10px;
}

.slider-dots button {
    width: 13px;
    height: 13px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    overflow: visible;
    cursor: pointer;
}

.slider-dots button span {
    display: none;
}

.slider-dots button.active {
    --slider-progress: 0%;
    width: 16px;
    height: 16px;
    border: 0;
    background: conic-gradient(#fff var(--slider-progress), rgba(255, 255, 255, .25) 0);
    animation: sliderDotProgress var(--slider-delay, 6500ms) linear forwards;
    box-shadow: inset 0 0 0 4px rgba(10, 15, 20, .52);
}

@keyframes sliderDotProgress {
    from { --slider-progress: 0%; }
    to { --slider-progress: 100%; }
}

@media (max-width: 820px) {
    .subpage-hero {
        min-height: 330px;
        padding: 98px 22px 48px;
    }

    .subpage-hero-scrim {
        background:
            linear-gradient(90deg, rgba(7, 13, 19, .76) 0%, rgba(7, 13, 19, .42) 72%, rgba(7, 13, 19, .2) 100%),
            linear-gradient(0deg, rgba(7, 13, 19, .58) 0%, rgba(7, 13, 19, 0) 60%);
    }

    .slider-controls {
        left: 22px;
        bottom: 28px;
    }
}


/* RcV1 — refined hero slider motion */
.hero-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity .85s cubic-bezier(.22,.61,.36,1), visibility .85s linear;
}
.hero-slide .hero-image {
    transform: scale(1.045);
    transition: transform 7.2s cubic-bezier(.2,.55,.25,1);
    will-change: transform;
}
.hero-slide .hero-content .kicker,
.hero-slide .hero-content h1,
.hero-slide .hero-content p,
.hero-slide .hero-content .button {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .65s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}
.hero-slide.active {
    opacity: 1;
    visibility: visible;
}
.hero-slide.active .hero-image {
    transform: scale(1);
}
.hero-slide.active .hero-content .kicker {
    opacity: 1;
    transform: none;
    transition-delay: .12s;
}
.hero-slide.active .hero-content h1 {
    opacity: 1;
    transform: none;
    transition-delay: .2s;
}
.hero-slide.active .hero-content p {
    opacity: 1;
    transform: none;
    transition-delay: .3s;
}
.hero-slide.active .hero-content .button {
    opacity: 1;
    transform: none;
    transition-delay: .38s;
}
@media (prefers-reduced-motion: reduce) {
    .hero-slide,
    .hero-slide .hero-image,
    .hero-slide .hero-content .kicker,
    .hero-slide .hero-content h1,
    .hero-slide .hero-content p,
    .hero-slide .hero-content .button,
    .slider-dots button.active {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* RcV2 — selectable slider overlay direction. */
.hero-overlay {
    opacity: var(--overlay-opacity, .38) !important;
    pointer-events: none;
}
.hero-overlay.overlay-left {
    background: linear-gradient(90deg, rgba(7,12,18,.96) 0%, rgba(7,12,18,.72) 30%, rgba(7,12,18,.24) 58%, transparent 78%);
}
.hero-overlay.overlay-right {
    background: linear-gradient(270deg, rgba(7,12,18,.96) 0%, rgba(7,12,18,.72) 30%, rgba(7,12,18,.24) 58%, transparent 78%);
}
.hero-overlay.overlay-center {
    background: radial-gradient(ellipse at center, rgba(7,12,18,.82) 0%, rgba(7,12,18,.55) 32%, rgba(7,12,18,.16) 66%, transparent 88%);
}
.hero-overlay.overlay-top {
    background: linear-gradient(180deg, rgba(7,12,18,.96) 0%, rgba(7,12,18,.65) 34%, rgba(7,12,18,.18) 66%, transparent 86%);
}
.hero-overlay.overlay-bottom {
    background: linear-gradient(0deg, rgba(7,12,18,.96) 0%, rgba(7,12,18,.65) 34%, rgba(7,12,18,.18) 66%, transparent 86%);
}

/* RcV3 — final hero treatment: cinematic transition, darker navigation scrim and sharper overlays. */
@media (min-width: 821px) {
    .site-header:not(.solid-header)::after {
        background: linear-gradient(
            90deg,
            color-mix(in srgb, var(--header-nav-color, #071018) 8%, transparent) 0%,
            color-mix(in srgb, var(--header-nav-color, #071018) 28%, transparent) 24%,
            color-mix(in srgb, var(--header-nav-color, #071018) 72%, transparent) 58%,
            color-mix(in srgb, var(--header-nav-color, #071018) 94%, transparent) 100%
        );
    }
}

/* Keep the transition entirely inside the slider; no layout movement. */
.hero-slide {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.018);
    clip-path: inset(0 0 0 7%);
    transition:
        opacity .95s cubic-bezier(.16, 1, .3, 1),
        transform 1.25s cubic-bezier(.16, 1, .3, 1),
        clip-path 1.15s cubic-bezier(.16, 1, .3, 1),
        visibility 1.15s linear;
    will-change: opacity, transform, clip-path;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    clip-path: inset(0 0 0 0);
}

.hero-slide .hero-image {
    transform: scale(1.09) translate3d(1.2%, 0, 0);
    transition: transform 7.8s cubic-bezier(.12, .72, .2, 1);
    will-change: transform;
}

.hero-slide.active .hero-image {
    transform: scale(1.015) translate3d(0, 0, 0);
}

.hero-slide .hero-overlay {
    transform: translate3d(-2.5%, 0, 0);
    transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), opacity .8s ease;
}

.hero-slide.active .hero-overlay {
    transform: translate3d(0, 0, 0);
}

.hero-slide .hero-content .kicker,
.hero-slide .hero-content h1,
.hero-slide .hero-content p,
.hero-slide .hero-content .button {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    filter: blur(7px);
    transition:
        opacity .7s cubic-bezier(.16, 1, .3, 1),
        transform .9s cubic-bezier(.16, 1, .3, 1),
        filter .75s ease;
}

.hero-slide.active .hero-content .kicker,
.hero-slide.active .hero-content h1,
.hero-slide.active .hero-content p,
.hero-slide.active .hero-content .button {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
}

.hero-slide.active .hero-content .kicker { transition-delay: .14s; }
.hero-slide.active .hero-content h1 { transition-delay: .22s; }
.hero-slide.active .hero-content p { transition-delay: .32s; }
.hero-slide.active .hero-content .button { transition-delay: .42s; }

/* Sharper scrim: strong readable zone followed by a deliberate, shorter falloff. */
.hero-overlay {
    opacity: var(--overlay-opacity, .55) !important;
}

.hero-overlay.overlay-left {
    background: linear-gradient(90deg,
        rgba(5, 9, 14, 1) 0%,
        rgba(5, 9, 14, .98) 25%,
        rgba(5, 9, 14, .88) 39%,
        rgba(5, 9, 14, .38) 52%,
        rgba(5, 9, 14, .06) 62%,
        transparent 68%);
}

.hero-overlay.overlay-right {
    background: linear-gradient(270deg,
        rgba(5, 9, 14, 1) 0%,
        rgba(5, 9, 14, .98) 25%,
        rgba(5, 9, 14, .88) 39%,
        rgba(5, 9, 14, .38) 52%,
        rgba(5, 9, 14, .06) 62%,
        transparent 68%);
}

.hero-overlay.overlay-center {
    background: radial-gradient(ellipse at center,
        rgba(5, 9, 14, 1) 0%,
        rgba(5, 9, 14, .94) 27%,
        rgba(5, 9, 14, .58) 44%,
        rgba(5, 9, 14, .08) 59%,
        transparent 68%);
}

.hero-overlay.overlay-top {
    background: linear-gradient(180deg,
        rgba(5, 9, 14, 1) 0%,
        rgba(5, 9, 14, .98) 27%,
        rgba(5, 9, 14, .72) 42%,
        rgba(5, 9, 14, .18) 56%,
        transparent 66%);
}

.hero-overlay.overlay-bottom {
    background: linear-gradient(0deg,
        rgba(5, 9, 14, 1) 0%,
        rgba(5, 9, 14, .98) 27%,
        rgba(5, 9, 14, .72) 42%,
        rgba(5, 9, 14, .18) 56%,
        transparent 66%);
}

@media (max-width: 820px) {
    .site-header:not(.solid-header)::after {
        background: color-mix(in srgb, var(--header-nav-color, #071018) 76%, transparent);
    }

    .hero-slide {
        clip-path: inset(0 0 4% 0);
        transform: scale(1.012);
    }

    .hero-slide.active {
        clip-path: inset(0 0 0 0);
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-slide,
    .hero-slide .hero-image,
    .hero-slide .hero-overlay,
    .hero-slide .hero-content .kicker,
    .hero-slide .hero-content h1,
    .hero-slide .hero-content p,
    .hero-slide .hero-content .button {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
    }
}

/* RcV4: directional slider scrims - intensity stays at the selected edge/position and fades naturally across the image. */
.hero-overlay.overlay-left{background:linear-gradient(90deg,rgba(5,9,14,.96) 0%,rgba(5,9,14,.78) 24%,rgba(5,9,14,.40) 48%,rgba(5,9,14,.12) 68%,transparent 84%)}
.hero-overlay.overlay-right{background:linear-gradient(270deg,rgba(5,9,14,.96) 0%,rgba(5,9,14,.78) 24%,rgba(5,9,14,.40) 48%,rgba(5,9,14,.12) 68%,transparent 84%)}
.hero-overlay.overlay-top{background:linear-gradient(180deg,rgba(5,9,14,.94) 0%,rgba(5,9,14,.68) 28%,rgba(5,9,14,.30) 55%,rgba(5,9,14,.08) 74%,transparent 88%)}
.hero-overlay.overlay-bottom{background:linear-gradient(0deg,rgba(5,9,14,.94) 0%,rgba(5,9,14,.68) 28%,rgba(5,9,14,.30) 55%,rgba(5,9,14,.08) 74%,transparent 88%)}
.hero-overlay.overlay-center{background:radial-gradient(ellipse at center,rgba(5,9,14,.78) 0%,rgba(5,9,14,.58) 28%,rgba(5,9,14,.28) 52%,rgba(5,9,14,.08) 70%,transparent 86%)}

/* RcV4 Contact */
.contact-page-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(45px,8vw,120px);align-items:start;background:#fff}.contact-info-panel h2,.contact-form-card h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1;margin:0 0 22px}.contact-intro{max-width:520px;color:var(--muted);line-height:1.75}.contact-detail-list{margin-top:38px;border-top:1px solid var(--line)}.contact-detail{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-detail small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact-detail strong,.contact-detail a{font-size:15px;line-height:1.55;font-weight:750}.contact-form-card{background:#f5f6f4;border-radius:24px;padding:clamp(24px,4vw,48px)}.contact-form-card .contact-form input,.contact-form-card .contact-form textarea{border:1px solid #d9ddda;border-radius:12px;background:#fff;padding:14px 15px;width:100%;transition:border-color .2s,box-shadow .2s}.contact-form-card .contact-form input:focus,.contact-form-card .contact-form textarea:focus{border-color:#8e9790;box-shadow:0 0 0 3px rgba(20,30,24,.07)}.contact-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.contact-submit{margin-top:6px;justify-content:space-between;min-width:190px}.bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:22px;font-size:13px;color:var(--muted)}@media(max-width:820px){.contact-page-layout{grid-template-columns:1fr;gap:46px}.contact-detail{grid-template-columns:1fr;gap:5px}.contact-form-card{border-radius:18px}.form-row{grid-template-columns:1fr}}

/* RcV7 — slider overlay: keep the selected edge strong, then fade across the full image. */
.hero-overlay.overlay-left {
    background: linear-gradient(90deg,
        rgba(5, 9, 14, .98) 0%,
        rgba(5, 9, 14, .92) 18%,
        rgba(5, 9, 14, .72) 38%,
        rgba(5, 9, 14, .44) 58%,
        rgba(5, 9, 14, .20) 78%,
        rgba(5, 9, 14, 0) 100%) !important;
}
.hero-overlay.overlay-right {
    background: linear-gradient(270deg,
        rgba(5, 9, 14, .98) 0%,
        rgba(5, 9, 14, .92) 18%,
        rgba(5, 9, 14, .72) 38%,
        rgba(5, 9, 14, .44) 58%,
        rgba(5, 9, 14, .20) 78%,
        rgba(5, 9, 14, 0) 100%) !important;
}
.hero-overlay.overlay-top {
    background: linear-gradient(180deg,
        rgba(5, 9, 14, .97) 0%,
        rgba(5, 9, 14, .88) 18%,
        rgba(5, 9, 14, .64) 40%,
        rgba(5, 9, 14, .36) 62%,
        rgba(5, 9, 14, .14) 82%,
        rgba(5, 9, 14, 0) 100%) !important;
}
.hero-overlay.overlay-bottom {
    background: linear-gradient(0deg,
        rgba(5, 9, 14, .97) 0%,
        rgba(5, 9, 14, .88) 18%,
        rgba(5, 9, 14, .64) 40%,
        rgba(5, 9, 14, .36) 62%,
        rgba(5, 9, 14, .14) 82%,
        rgba(5, 9, 14, 0) 100%) !important;
}
.hero-overlay.overlay-center {
    background: radial-gradient(ellipse at center,
        rgba(5, 9, 14, .90) 0%,
        rgba(5, 9, 14, .78) 24%,
        rgba(5, 9, 14, .55) 48%,
        rgba(5, 9, 14, .30) 70%,
        rgba(5, 9, 14, .10) 88%,
        rgba(5, 9, 14, 0) 100%) !important;
}


/* RcV8 — configurable slider overlay color + full-width header navigation scrim. */
@media (min-width: 821px) {
    .site-header:not(.solid-header)::after {
        background: linear-gradient(
            90deg,
            color-mix(in srgb, var(--header-nav-color, #071018) 72%, transparent) 0%,
            color-mix(in srgb, var(--header-nav-color, #071018) 80%, transparent) 35%,
            color-mix(in srgb, var(--header-nav-color, #071018) 90%, transparent) 70%,
            color-mix(in srgb, var(--header-nav-color, #071018) 96%, transparent) 100%
        ) !important;
    }
}
.hero-overlay.overlay-left { background:linear-gradient(90deg,color-mix(in srgb,var(--slider-overlay-color,#05090e) 98%,transparent) 0%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 92%,transparent) 18%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 72%,transparent) 38%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 44%,transparent) 58%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 20%,transparent) 78%,transparent 100%) !important;}
.hero-overlay.overlay-right { background:linear-gradient(270deg,color-mix(in srgb,var(--slider-overlay-color,#05090e) 98%,transparent) 0%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 92%,transparent) 18%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 72%,transparent) 38%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 44%,transparent) 58%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 20%,transparent) 78%,transparent 100%) !important;}
.hero-overlay.overlay-top { background:linear-gradient(180deg,color-mix(in srgb,var(--slider-overlay-color,#05090e) 97%,transparent) 0%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 88%,transparent) 18%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 64%,transparent) 40%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 36%,transparent) 62%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 14%,transparent) 82%,transparent 100%) !important;}
.hero-overlay.overlay-bottom { background:linear-gradient(0deg,color-mix(in srgb,var(--slider-overlay-color,#05090e) 97%,transparent) 0%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 88%,transparent) 18%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 64%,transparent) 40%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 36%,transparent) 62%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 14%,transparent) 82%,transparent 100%) !important;}
.hero-overlay.overlay-center { background:radial-gradient(ellipse at center,color-mix(in srgb,var(--slider-overlay-color,#05090e) 90%,transparent) 0%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 78%,transparent) 24%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 55%,transparent) 48%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 30%,transparent) 70%,color-mix(in srgb,var(--slider-overlay-color,#05090e) 10%,transparent) 88%,transparent 100%) !important;}

/* RcV10: contact privacy + optional security question */
.contact-security-question {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 14px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid #d9ddda;
    border-radius: 12px;
    background: #fff;
}
.contact-security-question > span { grid-column: 1 / -1; }
.contact-security-question strong { font-size: 18px; }
.contact-security-question input[type="number"] { min-width: 0; }
.contact-privacy {
    display: grid !important;
    grid-template-columns: 20px 1fr;
    gap: 10px !important;
    align-items: start;
    padding: 4px 0;
    font-size: 12px !important;
    line-height: 1.55;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.contact-privacy input[type="checkbox"] {
    width: 18px !important;
    height: 18px;
    margin: 1px 0 0;
    accent-color: #151b20;
}
.contact-privacy span { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600; }
.contact-privacy a { text-decoration: underline; text-underline-offset: 2px; font-weight: 800; }

/* RcV11 — visible contact security/privacy controls */
.contact-security-question {
    display: grid;
    grid-template-columns: auto minmax(90px, 140px);
    align-items: end;
    gap: 10px 14px;
    padding: 14px 0 2px;
}
.contact-security-question > span { grid-column: 1 / -1; }
.contact-security-question strong { font-size: 17px; color: var(--ink); padding: 12px 0; }
.contact-privacy {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start;
    gap: 10px !important;
    margin-top: 4px;
    font-weight: 500 !important;
    line-height: 1.55;
}
.contact-privacy input { width: 18px !important; height: 18px; flex: 0 0 18px; margin: 2px 0 0; accent-color: var(--ink); }
.contact-privacy span { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; }
.contact-privacy a { text-decoration: underline; text-underline-offset: 2px; font-weight: 750; }


/* RcV12 — unified header contrast, active navigation and mobile hero breadcrumb. */
@media (min-width: 821px) {
    .site-header:not(.solid-header)::after {
        background: color-mix(in srgb, var(--header-nav-color, #071018) 90%, transparent) !important;
    }
    .site-header .nav-link-row > a:hover,
    .site-header .nav-link-row > a:focus-visible {
        background: rgba(255,255,255,.14) !important;
        color: #fff !important;
    }
    .site-header.solid-header .nav-link-row > a:hover,
    .site-header.solid-header .nav-link-row > a:focus-visible {
        background: rgba(255,255,255,.14) !important;
        color: #fff !important;
    }
    .site-header .nav-link-row > a.active,
    .site-header .nav-item.active > .nav-link-row > a {
        position: relative;
        color: #fff !important;
        background: rgba(255,255,255,.12) !important;
    }
    .site-header .nav-link-row > a.active::after,
    .site-header .nav-item.active > .nav-link-row > a::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 4px;
        height: 2px;
        border-radius: 99px;
        background: currentColor;
    }
    .main-navigation .submenu a.active {
        background: #151b20 !important;
        color: #fff !important;
    }
}

.hero-breadcrumb {
    position: absolute;
    z-index: 5;
    left: clamp(22px, 7vw, 110px);
    top: 104px;
    display: none;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 44px);
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}
.hero-breadcrumb a { color: #fff; }
.hero-breadcrumb span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .hero-breadcrumb {
        display: flex;
        left: 20px;
        top: 92px;
        padding: 8px 11px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 999px;
        background: rgba(8,13,18,.28);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .hero-breadcrumb-home { top: 92px; }
    .main-navigation .nav-link-row > a.active,
    .main-navigation .nav-item.active > .nav-link-row > a {
        color: #111820 !important;
        font-weight: 850;
    }
    .main-navigation .nav-link-row > a.active::before,
    .main-navigation .nav-item.active > .nav-link-row > a::before {
        content: "";
        width: 7px;
        height: 7px;
        margin-right: 10px;
        flex: 0 0 auto;
        border-radius: 50%;
        background: #151b20;
    }
    .main-navigation .submenu a.active {
        background: #151b20 !important;
        color: #fff !important;
    }
}

/* RcV13 — final full-width header contrast.
   The header background belongs to the complete header row, not only the
   navigation half. Slider overlays remain independent underneath it. */
.site-header:not(.solid-header)::after {
    content: "";
    position: absolute;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0;
    pointer-events: none;
    background: color-mix(
        in srgb,
        var(--header-nav-color, #071018) 88%,
        transparent
    ) !important;
}

.site-header:not(.solid-header) .brand,
.site-header:not(.solid-header) .menu-toggle,
.site-header:not(.solid-header) .main-navigation {
    position: relative;
    z-index: 1;
}

/* The obsolete hero-owned header protection must never create a second block. */
.hero-slider::before {
    display: none !important;
}

/* RcV14 — mobile navigation regression guard.
   Keep the full-width header contrast independent from the off-canvas drawer. */
@media (max-width: 820px) {
    .site-header:not(.solid-header) .brand,
    .site-header:not(.solid-header) .menu-toggle {
        position: relative;
        z-index: 104;
    }

    .site-header:not(.solid-header) .main-navigation,
    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 106 !important;
        width: min(92vw, 400px) !important;
        height: 100% !important;
        transform: translate3d(104%, 0, 0) !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .site-header .main-navigation.open,
    .site-header.solid-header .main-navigation.open {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.menu-open .mobile-menu-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .main-navigation .mobile-menu-close {
        position: absolute !important;
        top: 13px !important;
        right: 14px !important;
        z-index: 110 !important;
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        padding: 0 !important;
        border: 1px solid #e2e6e9 !important;
        border-radius: 14px !important;
        background: #f3f5f6 !important;
        color: #151b20 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .main-navigation .mobile-menu-close-icon {
        display: block !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        transform: translateY(-1px);
    }

    body.menu-open > .site-header .menu-toggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* RcV15 — canonical mobile viewport + off-canvas navigation.
   This is the final mobile authority. It deliberately neutralizes legacy
   navigation rules without changing the desktop navigation. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

@media (max-width: 820px) {
    .site-header,
    .site-header.solid-header {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 72px !important;
        padding: 0 16px 0 20px !important;
        overflow: visible !important;
    }

    .site-header:not(.solid-header)::after {
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 72px !important;
        background: color-mix(
            in srgb,
            var(--header-nav-color, #071018) 88%,
            transparent
        ) !important;
        pointer-events: none !important;
    }

    .site-header .brand {
        position: relative !important;
        z-index: 2 !important;
        min-width: 0 !important;
        max-width: calc(100% - 64px) !important;
    }

    .site-header .menu-toggle {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        z-index: 3 !important;
        display: grid !important;
        flex: 0 0 46px !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        border: 1px solid rgba(255, 255, 255, .28) !important;
        border-radius: 14px !important;
        background: rgba(7, 16, 24, .34) !important;
        color: #fff !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .site-header.solid-header .menu-toggle {
        border-color: #dfe4e8 !important;
        background: #f5f7f8 !important;
        color: #151b20 !important;
    }

    .site-header .menu-toggle span {
        position: absolute !important;
        left: 12px !important;
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: currentColor !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .site-header .menu-toggle span:nth-child(1) { top: 15px !important; }
    .site-header .menu-toggle span:nth-child(2) { top: 21px !important; }
    .site-header .menu-toggle span:nth-child(3) { top: 27px !important; }

    body.menu-open .site-header .menu-toggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .site-header .mobile-menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1001 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        background: rgba(5, 10, 16, .58) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .28s ease, visibility .28s ease !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    body.menu-open .site-header .mobile-menu-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 1002 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: min(88%, 390px) !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #151b20 !important;
        box-shadow: -22px 0 60px rgba(5, 10, 16, .22) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        transform: translateX(100%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .34s cubic-bezier(.2, .8, .2, 1), visibility .34s ease !important;
        -webkit-overflow-scrolling: touch;
    }

    .site-header .main-navigation.open,
    .site-header.solid-header .main-navigation.open {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .main-navigation .mobile-menu-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 4 !important;
        display: flex !important;
        flex: 0 0 72px !important;
        align-items: center !important;
        min-width: 0 !important;
        min-height: 72px !important;
        padding: 0 76px 0 20px !important;
        border-bottom: 1px solid #e9edf0 !important;
        background: rgba(255, 255, 255, .98) !important;
    }

    .main-navigation .mobile-menu-brand {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .main-navigation .mobile-menu-brand img {
        display: block !important;
        width: auto !important;
        max-width: 145px !important;
        max-height: 36px !important;
        object-fit: contain !important;
    }

    .main-navigation .mobile-menu-label {
        display: none !important;
    }

    .main-navigation .mobile-menu-close {
        position: absolute !important;
        top: 13px !important;
        right: 14px !important;
        z-index: 6 !important;
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dfe4e8 !important;
        border-radius: 14px !important;
        background: #f4f6f7 !important;
        color: #151b20 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .main-navigation .mobile-menu-close-icon {
        display: block !important;
        color: #151b20 !important;
        font-size: 29px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    .main-navigation .mobile-menu-links {
        display: block !important;
        flex: 1 0 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 12px 20px 18px !important;
    }

    .main-navigation .nav-item,
    .main-navigation .nav-link-row,
    .main-navigation .submenu {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .main-navigation .nav-link-row {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 58px !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

    .main-navigation .nav-link-row > a {
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        min-width: 0 !important;
        min-height: 58px !important;
        padding: 0 8px 0 0 !important;
        background: transparent !important;
        color: #151b20 !important;
        font-size: 17px !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere;
    }

    .main-navigation .nav-link-row > a.active,
    .main-navigation .nav-item.active > .nav-link-row > a {
        color: #151b20 !important;
        font-weight: 850 !important;
    }

    .main-navigation .submenu-toggle {
        display: grid !important;
        flex: 0 0 42px !important;
        place-items: center !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #e1e6e9 !important;
        border-radius: 12px !important;
        background: #f6f7f8 !important;
        color: #151b20 !important;
    }

    .main-navigation .submenu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 8px 10px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: #f5f7f8 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: hidden !important;
    }

    .main-navigation .nav-item.submenu-open .submenu {
        display: grid !important;
    }

    .main-navigation .submenu > a {
        display: block !important;
        width: 100% !important;
        padding: 11px 12px !important;
        border-radius: 9px !important;
        color: #56616a !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    .main-navigation .submenu > a.active {
        background: #151b20 !important;
        color: #fff !important;
    }

    .main-navigation .nav-cta {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: auto !important;
        min-height: 52px !important;
        margin: 4px 20px 20px !important;
        padding: 0 17px !important;
        border: 0 !important;
        border-radius: 13px !important;
        background: #151b20 !important;
        color: #fff !important;
    }

    body.menu-open {
        overflow: hidden !important;
        touch-action: none;
    }

    body.menu-open .main-navigation {
        touch-action: pan-y;
    }
}

@media (max-width: 390px) {
    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        width: 100% !important;
    }
}

/* RcV16 — mobile header/navigation rebuilt from one geometry.
   Index and subpages intentionally share the exact same mobile coordinates. */
@media (max-width: 820px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    .site-header,
    .site-header.solid-header {
        position: absolute !important;
        inset: 0 0 auto 0 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        height: 72px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        overflow: visible !important;
        z-index: 9000 !important;
    }

    .site-header .brand,
    .site-header.solid-header .brand {
        position: relative !important;
        inset: auto !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: calc(100% - 70px) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header .site-logo {
        display: block !important;
        width: auto !important;
        max-width: min(180px, 55vw) !important;
        max-height: 42px !important;
        object-fit: contain !important;
    }

    .site-header .menu-toggle,
    .site-header.solid-header .menu-toggle {
        position: absolute !important;
        top: 13px !important;
        right: 18px !important;
        left: auto !important;
        z-index: 5 !important;
        display: block !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,.32) !important;
        border-radius: 50% !important;
        background: rgba(7,16,24,.48) !important;
        color: #fff !important;
        box-shadow: 0 8px 26px rgba(0,0,0,.12) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    .site-header.solid-header .menu-toggle {
        border-color: rgba(255,255,255,.25) !important;
        background: color-mix(in srgb, var(--header-nav-color, #071018) 86%, transparent) !important;
        color: #fff !important;
    }

    .site-header .menu-toggle span {
        position: absolute !important;
        left: 13px !important;
        width: 18px !important;
        height: 1.5px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: currentColor !important;
        transition: none !important;
    }

    .site-header .menu-toggle span:nth-child(1) { top: 16px !important; }
    .site-header .menu-toggle span:nth-child(2) { top: 22px !important; }
    .site-header .menu-toggle span:nth-child(3) { top: 28px !important; }

    body.menu-open .site-header .menu-toggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .site-header .mobile-menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 9998 !important;
        display: block !important;
        width: 100vw !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(4,9,14,.64) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        backdrop-filter: blur(7px) !important;
        -webkit-backdrop-filter: blur(7px) !important;
        transition: opacity .26s ease, visibility .26s ease !important;
    }

    body.menu-open .site-header .mobile-menu-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 9999 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: min(92vw, 410px) !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 24px 0 0 24px !important;
        background: #fff !important;
        color: #111820 !important;
        box-shadow: -28px 0 80px rgba(3,9,15,.28) !important;
        overflow: hidden !important;
        transform: translate3d(102%,0,0) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .34s cubic-bezier(.22,.8,.22,1), visibility .34s step-end !important;
        contain: layout paint !important;
    }

    .site-header .main-navigation.open,
    .site-header.solid-header .main-navigation.open {
        transform: translate3d(0,0,0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: transform .34s cubic-bezier(.22,.8,.22,1), visibility 0s step-start !important;
    }

    .main-navigation .mobile-menu-head {
        position: relative !important;
        top: auto !important;
        z-index: 3 !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 78px !important;
        min-height: 78px !important;
        width: 100% !important;
        padding: 0 78px 0 22px !important;
        border-bottom: 1px solid #e8ecef !important;
        background: #fff !important;
    }

    .main-navigation .mobile-menu-close {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        z-index: 5 !important;
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dde3e7 !important;
        border-radius: 50% !important;
        background: #111820 !important;
        color: #fff !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .main-navigation .mobile-menu-close-icon {
        display: block !important;
        color: #fff !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    .main-navigation .mobile-menu-links {
        display: block !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 22px 24px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .main-navigation .nav-item {
        width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
    }

    .main-navigation .nav-link-row {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 62px !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

    .main-navigation .nav-link-row > a {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 62px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #111820 !important;
        font-size: 18px !important;
        font-weight: 720 !important;
        letter-spacing: -.02em !important;
    }

    .main-navigation .nav-link-row > a.active,
    .main-navigation .nav-item.active > .nav-link-row > a {
        color: #111820 !important;
        font-weight: 860 !important;
    }

    .main-navigation .nav-link-row > a.active::before,
    .main-navigation .nav-item.active > .nav-link-row > a::before {
        content: "" !important;
        display: block !important;
        width: 7px !important;
        height: 7px !important;
        margin-right: 11px !important;
        border-radius: 50% !important;
        background: #111820 !important;
    }

    .main-navigation .submenu-toggle {
        display: grid !important;
        place-items: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 0 0 10px !important;
        padding: 0 !important;
        border: 1px solid #e1e6e9 !important;
        border-radius: 50% !important;
        background: #f5f7f8 !important;
        color: #111820 !important;
    }

    .main-navigation .submenu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        margin: 8px 0 12px !important;
        padding: 8px !important;
        border: 1px solid #edf0f2 !important;
        border-radius: 14px !important;
        background: #f7f8f9 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .main-navigation .nav-item.submenu-open .submenu {
        display: grid !important;
        gap: 2px !important;
    }

    .main-navigation .submenu > a {
        display: block !important;
        width: 100% !important;
        padding: 12px !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #59636b !important;
        font-size: 14px !important;
        font-weight: 650 !important;
    }

    .main-navigation .submenu > a.active {
        background: #111820 !important;
        color: #fff !important;
    }

    .main-navigation .nav-cta {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex: 0 0 56px !important;
        width: auto !important;
        min-height: 56px !important;
        margin: 0 22px 22px !important;
        padding: 0 19px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #111820 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    body.menu-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }
}

@media (max-width: 430px) {
    .site-header .main-navigation,
    .site-header.solid-header .main-navigation {
        width: 100vw !important;
        border-radius: 0 !important;
    }
}

/* RcV17 — mobile navigation portal.
   On mobile JS moves backdrop + navigation directly under <body>, so neither
   home slider nor subpage header can create a stacking context above it. */
@media (max-width: 820px) {
    body > .mobile-menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        display: block !important;
        width: 100% !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: rgba(4, 9, 14, .68) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        transition: opacity .28s ease, visibility .28s ease !important;
    }

    body.menu-open > .mobile-menu-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body > .main-navigation,
    body > .main-navigation.open {
        position: fixed !important;
        inset: 0 0 0 auto !important;
        z-index: 2147483001 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: min(92vw, 410px) !important;
        max-width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 24px 0 0 24px !important;
        background: #fff !important;
        color: #111820 !important;
        box-shadow: -30px 0 90px rgba(3, 9, 15, .32) !important;
        overflow: hidden !important;
        isolation: isolate !important;
        contain: none !important;
        opacity: 1 !important;
    }

    body > .main-navigation {
        transform: translate3d(102%, 0, 0) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .34s cubic-bezier(.22,.8,.22,1), visibility .34s step-end !important;
    }

    body > .main-navigation.open {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: transform .34s cubic-bezier(.22,.8,.22,1), visibility 0s step-start !important;
    }

    body > .main-navigation .mobile-menu-head,
    body > .main-navigation .mobile-menu-links,
    body > .main-navigation .nav-cta {
        position: relative !important;
        z-index: 2 !important;
    }

    body.menu-open > .site-header,
    body.menu-open > .site-header.solid-header {
        z-index: 9000 !important;
    }
}

@media (max-width: 430px) {
    body > .main-navigation,
    body > .main-navigation.open {
        width: 100% !important;
        border-radius: 0 !important;
    }
}

/* RcV18 — calm page loader, universal hero navigator and social links. */
.page-loader {
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.96);
    opacity: 1;
    visibility: visible;
    transition: opacity .32s ease, visibility .32s ease;
}
.page-loader.is-ready {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.page-loader-mark { display: flex; align-items: center; gap: 5px; height: 22px; }
.page-loader-mark span {
    width: 4px;
    height: 10px;
    border-radius: 99px;
    background: #151b20;
    animation: pageLoaderPulse .8s ease-in-out infinite alternate;
}
.page-loader-mark span:nth-child(2) { height: 18px; animation-delay: .12s; }
.page-loader-mark span:nth-child(3) { animation-delay: .24s; }
@keyframes pageLoaderPulse { to { transform: translateY(-3px); opacity: .35; } }

/* Navigator is intentionally visible on desktop and mobile. */
.hero-breadcrumb {
    display: flex;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(8,13,18,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.contact-social-block { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }
.contact-social-block > small { display: block; margin-bottom: 12px; color: var(--muted); font-weight: 750; }
.contact-socials,.footer-socials { display: flex; flex-wrap: wrap; gap: 9px; }
.social-icon {
    width: 40px;
    height: 40px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #fff;
    color: #151b20;
    transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.social-icon:hover { transform: translateY(-2px); background: #151b20; color: #fff; border-color: #151b20; }
.social-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.social-icon svg .fill { fill: currentColor; stroke: none; }
.social-icon svg .fill-light { fill: #fff; stroke: none; }
.site-footer .footer-socials { margin-left: auto; }
.site-footer .footer-contact-link { margin-left: 4px; font-weight: 800; }

@media (max-width: 720px) {
    .site-footer .footer-socials { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .page-loader-mark span { animation: none; }
    .page-loader { transition-duration: .01ms; }
}

/* RcV21 — bottom hero navigator + understated active navigation + managed CTA. */
.hero-breadcrumb {
    top: auto !important;
    bottom: 24px !important;
}
.hero-breadcrumb-home {
    top: auto !important;
    bottom: 24px !important;
}

@media (min-width: 821px) {
    .site-header .nav-link-row > a.active,
    .site-header .nav-item.active > .nav-link-row > a {
        background: transparent !important;
    }
    .site-header .nav-link-row > a.active:hover,
    .site-header .nav-item.active > .nav-link-row > a:hover {
        background: transparent !important;
    }
    .site-header .nav-item.is-cta > .nav-link-row > a.nav-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 42px;
        margin-left: 8px;
        padding: 0 14px;
        border: 1px solid rgba(255,255,255,.34);
        border-radius: 10px;
        background: transparent;
        color: #fff;
        font-weight: 800;
    }
    .site-header .nav-item.is-cta > .nav-link-row > a.nav-cta::after {
        display: none !important;
    }
}

@media (max-width: 820px) {
    .hero-breadcrumb,
    .hero-breadcrumb-home {
        left: 20px !important;
        top: auto !important;
        bottom: 18px !important;
    }
    .hero-slider .slider-controls {
        left: auto !important;
        right: 20px !important;
        bottom: 24px !important;
    }
    body > .main-navigation .nav-item.is-cta {
        margin-top: 14px;
        border: 0 !important;
    }
    body > .main-navigation .nav-item.is-cta > .nav-link-row {
        border: 0 !important;
    }
    body > .main-navigation .nav-item.is-cta > .nav-link-row > a.nav-cta {
        width: 100%;
        min-height: 50px;
        margin: 0 !important;
        padding: 0 17px !important;
        justify-content: space-between;
        border: 0 !important;
        border-radius: 12px;
        background: #151b20 !important;
        color: #fff !important;
    }
    body > .main-navigation .nav-item.is-cta > .nav-link-row > a.nav-cta::before {
        display: none !important;
    }
}

/* RcV25 — footer navigation from Admin > Navigation */
.footer-navigation{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-navigation a{font-weight:750;transition:opacity .18s}.footer-navigation a:hover{opacity:.58}@media(max-width:720px){.footer-navigation{gap:12px 18px}.footer-navigation a{min-height:32px;display:inline-flex;align-items:center}}

/* RcV28: service thumbnail carousel, zoom viewer and inquiry dialog. */
.service-gallery-heading,
.service-gallery-controls,
.service-lightbox-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.service-gallery-heading { margin-bottom: 28px; }
.service-gallery h2 { font-size: clamp(1.6rem, 3vw, 2.5rem); }
.service-gallery-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 4px 4px 20px;
}
.service-gallery-track::-webkit-scrollbar { display:none; }
.service-gallery-thumb {
    position:relative;
    border: 0;
    padding: 0;
    overflow:hidden;
    border-radius:18px;
    background:#dfe5e8;
    color: #17212a;
    text-align: left;
    font: inherit;
    cursor: zoom-in;
    scroll-snap-align:start;
    box-shadow:0 14px 32px rgba(19,35,43,.13);
}
.service-gallery-thumb::before { content:''; position:absolute; z-index:2; right:16px; bottom:16px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; background:rgba(10,20,26,.28); box-shadow:11px 11px 0 -9px #fff; opacity:.9; transform:translateY(4px); transition:opacity .2s ease,transform .2s ease; }
.service-gallery-thumb::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(8,17,23,0) 48%,rgba(8,17,23,.55) 100%); opacity:.55; transition:opacity .2s ease; pointer-events:none; }
.service-gallery-thumb img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; transition:transform .35s ease; }
.service-gallery-thumb:hover img,.service-gallery-thumb:focus-visible img { transform:scale(1.045); }
.service-gallery-thumb:hover::before,.service-gallery-thumb:focus-visible::before { opacity:1; transform:none; }
.service-gallery-thumb:hover::after,.service-gallery-thumb:focus-visible::after { opacity:.9; }
.service-gallery-controls { position:absolute; inset:50% 12px auto; z-index:5; display:flex; justify-content:space-between; transform:translateY(-50%); pointer-events:none; }
.service-gallery-controls button { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.78); border-radius:50%; background:rgba(13,24,31,.66); color:#fff; font-size:22px; line-height:1; cursor:pointer; pointer-events:auto; backdrop-filter:blur(5px); transition:background .2s ease, transform .2s ease; }
.service-gallery-controls button:hover { background:rgba(13,24,31,.9); transform:scale(1.08); }
.service-gallery-thumb > span { display: block; padding: 16px; font-size: 1rem; }
.service-gallery-track.gallery-count-1 { grid-template-columns:minmax(0,360px); }
.service-gallery-track.gallery-count-2,.service-gallery-track.gallery-count-3,.service-gallery-track.gallery-count-4,.service-gallery-track.gallery-count-5,.service-gallery-track.gallery-count-6,.service-gallery-track.gallery-count-7,.service-gallery-track.gallery-count-8,.service-gallery-track.gallery-count-9,.service-gallery-track.gallery-count-10 { grid-auto-columns:88%; padding-right:12%; }
.gallery-swipe-cue { position:absolute; left:10px; bottom:13px; z-index:4; padding:6px 9px; border-radius:999px; background:rgba(8,17,23,.7); color:#fff; font-size:16px; line-height:1; pointer-events:none; }
.service-gallery-thumb:focus-visible { outline: 3px solid #327ca0; outline-offset: 2px; }
.service-dialog-open { overflow: hidden; }
.service-inquiry,
.service-lightbox {
    position: fixed;
    inset: 0;
    margin: auto;
    border: 0;
    border-radius: 16px;
    max-height: 90dvh;
    width: min(720px, calc(100% - 32px));
    max-width: calc(100% - 32px);
    padding: clamp(22px, 4vw, 44px);
    color: #17212a;
    background: #fff;
}
.service-inquiry::backdrop,
.service-lightbox::backdrop { background: rgb(4 12 18 / 85%); }
.service-inquiry h2 { padding-right: 20px; font-size: clamp(1.5rem, 3vw, 2rem); overflow-wrap: anywhere; }
.service-inquiry > p { margin: 16px 0 24px; font-size: 1rem; }
.service-dialog-close { position: absolute; right: 16px; top: 12px; border: 0; background: transparent; font-size: 2rem; cursor: pointer; }
.service-lightbox { width: min(1200px, calc(100% - 24px)); padding: 16px; background: #101b23; color: white; }
.service-lightbox-toolbar button { border: 1px solid #64747d; background: #20333f; color: white; border-radius: 8px; padding: 10px 16px; cursor: pointer; font: inherit; }
.service-lightbox-toolbar p { margin: 8px; font-size: 1rem; }
.service-lightbox-stage { height: 62dvh; overflow: auto; margin: 12px 0; }
.service-lightbox-stage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.service-lightbox-stage.is-zoomed img { width: 200%; max-width: none; height: 200%; object-fit: contain; }
.service-detail-layout { display:grid; grid-template-columns:minmax(230px,270px) minmax(0,1fr); gap:clamp(42px,6vw,76px); align-items:start; width:min(1000px,calc(100% - 44px)); margin:0 auto; padding:clamp(46px,6vw,78px) 0; }
.service-detail-layout .detail-content { padding:0; min-width:0; }
.service-detail-sidebar { display:flex; flex-direction:column; gap:26px; position:sticky; top:32px; min-width:0; width:100%; max-width:270px; overflow:visible; }
.service-sidebar-block { display:block; width:100%; min-width:0; box-sizing:border-box; }
.service-detail-sidebar .service-gallery { position:relative; width:100%; padding:0; overflow:visible; }
.service-detail-sidebar .service-gallery-heading { margin-bottom:16px; }
.service-detail-sidebar .service-gallery-heading h2 { font-size:1.45rem; margin:5px 0 0; }
.service-detail-sidebar .service-gallery-controls { position:absolute; inset:50% 8px auto; z-index:3; display:flex; justify-content:space-between; margin:0; transform:translateY(-50%); pointer-events:none; }
.service-detail-sidebar .service-gallery-controls .button { pointer-events:auto; width:34px; height:34px; padding:0; justify-content:center; border:1px solid rgba(255,255,255,.7); background:rgba(15,25,31,.68); }
.service-detail-sidebar .service-gallery-track { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:100%; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 2px 8px; scrollbar-width:none; width:100%; max-width:100%; }
.service-detail-sidebar .service-gallery-track::-webkit-scrollbar { display:none; }
.service-detail-sidebar .service-gallery-thumb { min-width:0; width:100%; }
.service-detail-sidebar .service-gallery-thumb img { aspect-ratio:4/3; border-radius:2px; }
.service-detail-sidebar .service-gallery-thumb > span { padding:8px 10px; font-size:12px; }
.service-detail-sidebar .detail-cta { display:block; width:100%; max-width:270px; padding:18px; border:1px solid var(--line); border-radius:14px; background:#f5f7f4; box-sizing:border-box; }
.service-detail-sidebar .detail-cta h2 { font-size:1.25rem; line-height:1.15; margin:8px 0 17px; }
.service-detail-sidebar .detail-cta .button { width:100%; justify-content:center; }
.service-detail-sidebar .detail-cta .kicker { margin-bottom:10px; }
.service-detail-main { grid-column:2; min-width:0; width:100%; overflow:visible; }
.service-detail-layout .detail-content { min-width:0; width:100%; overflow-wrap:anywhere; font-size:16px; line-height:1.75; color:#29343b; position:relative; z-index:1; }
.service-detail-layout .detail-content > :first-child { margin-top:0; }
.service-detail-layout .detail-content h2,.service-detail-layout .detail-content h3 { line-height:1.15; color:#151b20; }
.other-services { display:grid; gap:0; border-top:1px solid var(--line); }
.service-detail-sidebar .other-services { grid-column:1; }
.other-services .kicker { margin:20px 0 10px; color:var(--muted); }
.other-services a { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:750; }
.other-services a:hover { color:#327ca0; }
@media(max-width:760px){.service-detail-layout{display:flex;flex-direction:column;width:calc(100% - 44px);padding:42px 0}.service-detail-sidebar{position:static;width:100%;max-width:none}.service-detail-main{order:1;width:100%}.service-detail-sidebar .service-gallery{order:0}.service-detail-sidebar .detail-cta{order:2;width:100%;max-width:none}.service-detail-sidebar .other-services{order:3;width:100%}.service-gallery-track{grid-template-columns:1fr;gap:10px}}
@media (max-width: 600px) {
    .service-gallery-heading { align-items: flex-start; flex-direction: column; }
    .service-gallery-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-inquiry .form-row { grid-template-columns: 1fr; }
    .service-lightbox-toolbar { gap: 8px; }
    .service-lightbox-toolbar button { padding: 10px; font-size: 14px; }
}

/* RcV40 — clean service-detail composition. The article and the utility rail
   are independent blocks so gallery cards can never overlap the copy. */
.service-detail-shell {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(58px, 7vw, 96px) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: clamp(48px, 7vw, 96px);
    align-items: start;
}
.service-detail-article { min-width: 0; }
.service-detail-article-body {
    color: #29343b;
    font-size: 17px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.service-detail-article-body > :first-child { margin-top: 0; }
.service-detail-article-body h2,
.service-detail-article-body h3,
.service-detail-article-body h4 { color: #151b20; line-height: 1.15; margin-top: 2.2em; }
.service-detail-article-body img { max-width: 100%; height: auto; border-radius: 14px; }
.service-detail-aside { min-width: 0; width: 100%; display: grid; gap: 24px; position: sticky; top: 28px; }
.service-detail-aside .service-sidebar-block { width: 100%; min-width: 0; }
.service-detail-aside .service-gallery { position: relative; padding: 0; margin: 0; overflow: hidden; }
.service-detail-aside .service-gallery-track { width: 100%; max-width: 100%; grid-auto-columns: 100%; padding: 0 0 8px; gap: 10px; }
.service-detail-aside .service-gallery-thumb { width: 100%; border-radius: 16px; }
.service-detail-aside .service-gallery-thumb img { width: 100%; aspect-ratio: 4 / 3; border-radius: 16px; }
.service-detail-aside .gallery-swipe-cue { left: 12px; bottom: 20px; }
.service-detail-aside .service-gallery-controls { inset: 50% 12px auto; }
.service-gallery-dots { display: flex; justify-content: center; gap: 7px; padding: 10px 0 0; }
.service-gallery-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c5cdd0; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.service-gallery-dots button[aria-current="true"] { background: #17212a; transform: scale(1.35); }
.service-detail-aside .detail-cta { width: 100%; max-width: none; margin: 0; padding: 22px; border: 1px solid #e0e6e8; border-radius: 16px; background: #f5f7f4; box-sizing: border-box; }
.service-detail-aside .detail-cta h2 { margin: 8px 0 18px; font-size: 1.35rem; line-height: 1.12; }
.service-detail-aside .detail-cta .button { width: 100%; justify-content: center; }
.service-detail-aside .other-services { width: 100%; margin: 0; padding-top: 8px; border-top: 1px solid #e3e8e9; }
.service-detail-aside .other-services a { padding: 13px 0; }
@media (max-width: 820px) {
    .service-detail-shell { width: min(680px, calc(100% - 36px)); display: flex; flex-direction: column; gap: 42px; padding: 46px 0 72px; }
    .service-detail-article { order: 1; }
    .service-detail-aside { order: 2; position: static; width: 100%; }
    .service-detail-article-body { font-size: 16px; line-height: 1.7; }
}

/* RcV41 final overrides: shared responsive container and drag affordance. */
:root { --content-max: 1180px; }
.site-header { padding-left: max(22px, calc((100% - var(--content-max)) / 2)); padding-right: max(22px, calc((100% - var(--content-max)) / 2)); }
.hero-content { left: max(22px, calc((100% - var(--content-max)) / 2)); right: max(22px, calc((100% - var(--content-max)) / 2)); }
.slider-controls { right: max(22px, calc((100% - var(--content-max)) / 2)); }
.section, .numbers, .site-footer { padding-left: max(22px, calc((100% - var(--content-max)) / 2)); padding-right: max(22px, calc((100% - var(--content-max)) / 2)); }
.subpage-hero-content, .hero-breadcrumb { left: max(22px, calc((100% - var(--content-max)) / 2)); right: max(22px, calc((100% - var(--content-max)) / 2)); }
.service-gallery-track { cursor: grab; touch-action: pan-y; user-select: none; }
.service-gallery-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.service-gallery-track.is-dragging .service-gallery-thumb { pointer-events: none; }
@media (max-width: 720px) {
    .site-header { padding-left: 20px; padding-right: 20px; }
    .hero-content { left: 22px; right: 22px; }
    .slider-controls { left: auto; right: 22px; }
    .section, .numbers, .site-footer { padding-left: 22px; padding-right: 22px; }
    .subpage-hero-content, .hero-breadcrumb { left: 22px; right: 22px; }
}

/* Breadcrumb is a compact pill, never a full-width bar. */
.hero-breadcrumb { right: auto !important; width: fit-content !important; max-width: min(var(--content-max), calc(100% - 44px)) !important; }
@media (max-width: 720px) { .hero-breadcrumb { right: auto !important; max-width: calc(100% - 44px) !important; } }


/* RcV42 — service detail gallery: bottom navigation + professional lightbox. */
.service-gallery {
    position: relative;
}
.service-gallery .service-gallery-controls {
    position: static;
    inset: auto;
    transform: none;
    pointer-events: auto;
    justify-content: flex-start;
    gap: 8px;
}
.service-gallery .service-gallery-controls button {
    width: 36px;
    height: 36px;
    border: 1px solid #dfe5e8;
    background: #fff;
    color: #17212a;
    box-shadow: 0 5px 16px rgba(19,35,43,.08);
    backdrop-filter: none;
}
.service-gallery .service-gallery-controls button:hover {
    background: #17212a;
    color: #fff;
    transform: none;
}
.service-gallery-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 2px 4px 0;
}
.service-gallery-footer .service-gallery-dots {
    position: static;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
}
.gallery-swipe-cue {
    display: none;
}
.service-lightbox {
    width: min(1180px, calc(100% - 40px));
    max-width: none;
    height: min(860px, calc(100dvh - 40px));
    max-height: none;
    padding: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #0b0f12;
    color: #fff;
    box-shadow: 0 30px 100px rgba(0,0,0,.45);
}
.service-lightbox::backdrop {
    background: rgba(2,7,10,.9);
    backdrop-filter: blur(10px);
}
.service-lightbox .service-lightbox-toolbar {
    min-height: 62px;
    padding: 10px 16px;
    background: #0b0f12;
}
.service-lightbox .service-lightbox-toolbar button {
    min-width: 42px;
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
}
.service-lightbox-stage {
    display: grid;
    place-items: center;
    height: calc(100% - 124px);
    min-height: 0;
    overflow: auto;
    background: #050708;
    cursor: zoom-in;
}
.service-lightbox-stage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}
.service-lightbox-stage.is-zoomed {
    display: block;
    cursor: zoom-out;
}
.service-lightbox-stage.is-zoomed img {
    max-width: none;
    max-height: none;
    width: 180%;
    height: auto;
    margin: 0;
}
.service-lightbox [data-lightbox-caption] {
    flex: 1;
    margin: 0;
    text-align: center;
}
@media (max-width: 720px) {
    .service-gallery-footer {
        padding-inline: 2px;
    }
    .service-lightbox {
        width: 100%;
        height: 100dvh;
        max-width: none;
        max-height: none;
        border-radius: 0;
    }
    .service-lightbox-stage.is-zoomed img {
        width: 220%;
    }
}


/* RcV43 — isolated service gallery. This component intentionally does not inherit
   the legacy RcV28 gallery pseudo-icons, overlay arrows or dialog zoom rules. */
.service-gallery-v2 {
    width: 100%;
    min-width: 0;
    padding: 0;
}
.service-gallery-v2-viewport {
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #eef1f2;
}
.service-gallery-v2-track {
    display: flex;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    touch-action: pan-y;
    cursor: grab;
}
.service-gallery-v2-track::-webkit-scrollbar {
    display: none;
}
.service-gallery-v2-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}
.service-gallery-v2-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: #e8ecee;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    scroll-snap-align: start;
    appearance: none;
}
.service-gallery-v2-slide::before,
.service-gallery-v2-slide::after {
    content: none;
    display: none;
}
.service-gallery-v2-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transform: none;
    transition: transform .45s cubic-bezier(.2,.75,.25,1), filter .3s ease;
    pointer-events: none;
}
.service-gallery-v2-slide:hover img,
.service-gallery-v2-slide:focus-visible img {
    transform: scale(1.025);
}
.service-gallery-v2-open {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(12,18,22,.72);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none;
}
.service-gallery-v2-slide:hover .service-gallery-v2-open,
.service-gallery-v2-slide:focus-visible .service-gallery-v2-open {
    opacity: 1;
    transform: none;
}
.service-gallery-v2-slide:focus-visible {
    outline: 3px solid #327ca0;
    outline-offset: -3px;
}
.service-gallery-v2-nav {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding-top: 10px;
}
.service-gallery-v2-arrows {
    display: flex;
    gap: 6px;
}
.service-gallery-v2-arrows button {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #dfe4e7;
    border-radius: 50%;
    background: #fff;
    color: #17212a;
    font: inherit;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.service-gallery-v2-arrows button:hover,
.service-gallery-v2-arrows button:focus-visible {
    border-color: #17212a;
    background: #17212a;
    color: #fff;
}
.service-gallery-v2-count {
    color: #9aa3a9;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}
.service-gallery-v2-count strong {
    color: #17212a;
}
.service-gallery-v2-dots {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    min-width: 0;
}
.service-gallery-v2-dots button {
    width: 5px;
    height: 5px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: #cbd1d5;
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}
.service-gallery-v2-dots button[aria-current="true"] {
    width: 18px;
    background: #17212a;
}
body.service-gallery-v2-open {
    overflow: hidden;
}
.service-gallery-v2-lightbox[hidden] {
    display: none;
}
.service-gallery-v2-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    transition: opacity .18s ease;
}
.service-gallery-v2-lightbox.is-open {
    opacity: 1;
}
.service-gallery-v2-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5,9,12,.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.service-gallery-v2-modal {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: 58px minmax(0,1fr) auto;
    width: min(1180px, 100%);
    height: min(820px, calc(100dvh - 48px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: #080c0f;
    color: #fff;
    box-shadow: 0 32px 100px rgba(0,0,0,.45);
}
.service-gallery-v2-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.service-gallery-v2-toolbar > div {
    display: flex;
    gap: 7px;
}
.service-gallery-v2-toolbar button {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}
.service-gallery-v2-toolbar button[data-lightbox-close] {
    width: 38px;
    padding: 0;
    font-size: 23px;
    line-height: 1;
}
.service-gallery-v2-stage {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background: #030506;
    cursor: default;
}
.service-gallery-v2-stage img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: transform .2s ease;
    cursor: pointer;
    user-select: none;
    -webkit-user-drag: none;
}
.service-gallery-v2-stage.is-zoomed {
    display: block;
}
.service-gallery-v2-stage.is-zoomed img {
    max-width: none;
    max-height: none;
    width: 180%;
    height: auto;
    margin: 0;
}
.service-gallery-v2-lightbox-prev,
.service-gallery-v2-lightbox-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    background: rgba(8,12,15,.72);
    color: #fff;
    font: inherit;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}
.service-gallery-v2-lightbox-prev { left: 16px; }
.service-gallery-v2-lightbox-next { right: 16px; }
.service-gallery-v2-caption {
    min-height: 46px;
    padding: 12px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.68);
    font-size: 12px;
    text-align: center;
}
@media (max-width: 720px) {
    .service-gallery-v2-open {
        display: none;
    }
    .service-gallery-v2-lightbox {
        padding: 0;
    }
    .service-gallery-v2-modal {
        width: 100%;
        height: 100dvh;
        border: 0;
        border-radius: 0;
    }
    .service-gallery-v2-lightbox-prev,
    .service-gallery-v2-lightbox-next {
        width: 40px;
        height: 40px;
    }
    .service-gallery-v2-lightbox-prev { left: 8px; }
    .service-gallery-v2-lightbox-next { right: 8px; }
    .service-gallery-v2-stage.is-zoomed img {
        width: 230%;
    }
}


/* RcV45 — standalone lightbox. Unique class names avoid all legacy dialog/gallery rules. */
body.service-gallery-v3-open {
    overflow: hidden;
}
.service-gallery-v3-lightbox[hidden] {
    display: none !important;
}
.service-gallery-v3-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 24px !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .16s ease, visibility .16s ease;
    isolation: isolate;
}
.service-gallery-v3-lightbox.service-gallery-v3-visible {
    opacity: 1;
    visibility: visible;
}
.service-gallery-v3-backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: rgba(5,8,10,.94) !important;
}
.service-gallery-v3-viewer {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-rows: 58px minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    height: min(820px, calc(100dvh - 48px)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    background: #070a0c !important;
    color: #fff !important;
    box-shadow: 0 32px 100px rgba(0,0,0,.55) !important;
    transform: translateY(8px) scale(.99);
    transition: transform .18s ease;
}
.service-gallery-v3-visible .service-gallery-v3-viewer {
    transform: none;
}
.service-gallery-v3-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    min-height: 58px !important;
    padding: 8px 12px 8px 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    background: #0b0f12 !important;
}
.service-gallery-v3-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}
.service-gallery-v3-actions button {
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    cursor: pointer !important;
}
.service-gallery-v3-actions [data-lightbox-close] {
    width: 38px !important;
    padding: 0 !important;
    font-size: 23px !important;
}
.service-gallery-v3-canvas {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    background: #020405 !important;
}
.service-gallery-v3-canvas img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}
.service-gallery-v3-canvas.is-zoomed {
    display: block !important;
}
.service-gallery-v3-canvas.is-zoomed img {
    width: 180% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
}
.service-gallery-v3-prev,
.service-gallery-v3-next {
    position: absolute !important;
    z-index: 3 !important;
    top: 50% !important;
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 50% !important;
    background: rgba(7,11,14,.78) !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 31px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
}
.service-gallery-v3-prev { left: 16px !important; }
.service-gallery-v3-next { right: 16px !important; }
.service-gallery-v3-caption {
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    background: #0b0f12 !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 12px !important;
    text-align: center !important;
}
@media (max-width: 720px) {
    .service-gallery-v3-lightbox {
        padding: 0 !important;
    }
    .service-gallery-v3-viewer {
        width: 100vw !important;
        height: 100dvh !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .service-gallery-v3-prev {
        left: 8px !important;
    }
    .service-gallery-v3-next {
        right: 8px !important;
    }
    .service-gallery-v3-canvas.is-zoomed img {
        width: 230% !important;
    }
}


/* RcV46 — service detail alignment and viewport-level gallery overlay. */
.service-detail-shell {
    width: min(var(--content-max), calc(100% - 44px));
    grid-template-columns: 320px minmax(0, 1fr);
}
.service-detail-aside {
    grid-column: 1;
}
.service-detail-article {
    grid-column: 2;
}
.service-gallery-v3-lightbox {
    z-index: 2147483647 !important;
}
body.service-gallery-v3-open .site-header,
body.service-gallery-v3-open .subpage-hero {
    z-index: auto !important;
}
@media (max-width: 820px) {
    .service-detail-shell {
        width: calc(100% - 44px);
        display: flex;
        flex-direction: column;
    }
    .service-detail-aside {
        order: 1;
    }
    .service-detail-article {
        order: 2;
    }
}


/* RcV47 — body-level service viewer and mobile content order. */
.service-gallery-v3-viewer {
    grid-template-rows: 58px minmax(0, 1fr) !important;
}
@media (max-width: 820px) {
    .service-detail-article {
        order: 1;
    }
    .service-detail-aside {
        order: 2;
    }
}


/* RcV48 — tighter service grid + gallery-style hero progress navigation. */
@media (min-width: 821px) {
    .service-detail-shell {
        grid-template-columns: 320px minmax(0, 1fr);
        gap: clamp(30px, 3.4vw, 48px);
    }
}

.slider-controls {
    left: auto !important;
    right: max(22px, calc((100% - var(--content-max)) / 2)) !important;
    bottom: 42px;
}
.slider-dots {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}
.slider-dots button {
    position: relative;
    width: 5px;
    height: 5px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    overflow: hidden;
    background: rgba(255,255,255,.42);
    box-shadow: none;
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}
.slider-dots button span {
    display: none;
}
.slider-dots button.active {
    width: 24px;
    height: 5px;
    border: 0;
    border-radius: 99px;
    background: rgba(255,255,255,.28);
    box-shadow: none;
    animation: none;
}
.slider-dots button.active::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    animation: heroSliderProgress var(--slider-delay, 6500ms) linear forwards;
}
@keyframes heroSliderProgress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}
@media (max-width: 820px) {
    .slider-controls {
        right: 22px !important;
        left: auto !important;
        bottom: 28px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .slider-dots button.active::after {
        animation: none;
        transform: scaleX(1);
    }
}