/*
|--------------------------------------------------------------------------
| BR TECH - Services
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
*/

.service-hero,
.service-index,
.service-catalog,
.service-enquiry {
    font-family:
        "Barlow",
        Arial,
        sans-serif;
}


.service-hero *,
.service-index *,
.service-catalog *,
.service-enquiry * {
    box-sizing: border-box;
}


.service-hero h1,
.service-catalog h2,
.service-catalog h3,
.service-enquiry h2,
.service-enquiry h3 {
    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;
}


/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.service-hero {
    position: relative;

    isolation: isolate;

    overflow: hidden;

    display: flex;

    align-items: center;

    min-height: 580px;

    min-height:
        clamp(
            580px,
            76svh,
            760px
        );

    padding:
        calc(
            var(--header-height)
            + 32px
        )
        0
        72px;

    background: #061320;

    color: #f4f7fa;
}


.service-hero__visual,
.service-hero__shade {
    position: absolute;

    inset: 0;

    z-index: -1;

    pointer-events: none;
}


.service-hero__visual img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position:
        65%
        center;

    filter:
        saturate(.62)
        contrast(1.06);
}


.service-hero__shade {
    background:
        linear-gradient(
            90deg,
            rgba(
                3,
                12,
                21,
                .97
            )
            0%,
            rgba(
                3,
                12,
                21,
                .91
            )
            29%,
            rgba(
                3,
                12,
                21,
                .68
            )
            50%,
            rgba(
                3,
                12,
                21,
                .12
            )
            80%
        ),
        linear-gradient(
            180deg,
            rgba(
                3,
                12,
                21,
                .38
            ),
            transparent
            38%,
            rgba(
                3,
                12,
                21,
                .32
            )
        );
}


/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/

.breadcrumb {
    margin-bottom: 40px;

    color: #c4d4e1;

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 400;
}


.breadcrumb ol {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.breadcrumb li + li::before {
    content: "/";

    padding-right: 12px;

    color: #94afc5;
}


.breadcrumb a {
    display: inline-block;

    padding-block: 4px;

    color: inherit;

    text-decoration: none;

    text-underline-offset: 5px;
}


.breadcrumb a:hover {
    color: #fff;

    text-decoration: underline;
}


.breadcrumb [aria-current] {
    color: #f4f7fa;
}


/*
|--------------------------------------------------------------------------
| Hero Copy
|--------------------------------------------------------------------------
*/

.service-hero__copy {
    max-width: 780px;
}


.service-hero .eyebrow {
    margin:
        0
        0
        19px;

    color: #c7d9e8;

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: .16em;

    text-transform: uppercase;
}


.service-hero h1 {
    max-width: 790px;

    margin: 0;

    color: #fff;

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size:
        clamp(
            54px,
            4.6vw,
            76px
        );

    font-weight: 600;

    line-height: .99;

    letter-spacing: -.035em;

    text-transform: uppercase;

    text-wrap: balance;
}


.service-hero__lead {
    max-width: 650px;

    margin:
        27px
        0
        32px;

    color: #d3dee8;

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Hero Actions
|--------------------------------------------------------------------------
*/

.service-hero__actions,
.service-enquiry__actions {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 28px;
}


.service-hero__contact,
.service-enquiry__contact {
    display: inline-flex;

    align-items: center;

    gap: 20px;

    min-height: 48px;

    border-bottom:
        1px solid
        rgba(
            219,
            235,
            247,
            .6
        );

    color: #edf4fa;

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 15px;
    font-weight: 500;

    text-decoration: none;
}


.service-hero__contact:hover,
.service-enquiry__contact:hover {
    color: #fff;

    border-color: #fff;
}


/*
|--------------------------------------------------------------------------
| Service Index
|--------------------------------------------------------------------------
*/

.service-index {
    background: var(--color-surface);

    border-bottom:
        1px solid
        var(--color-line);
}


.service-index__grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );
}


.service-index a {
    display: flex;

    min-width: 0;

    min-height: 104px;

    padding: 22px;

    align-items: center;

    gap: 14px;

    border-right:
        1px solid
        var(--color-line);

    color: var(--color-ink);

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.2;

    letter-spacing: .01em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background
        .2s
        ease;
}


.service-index a:first-child {
    padding-left: 0;
}


.service-index a:last-child {
    border-right: 0;
}


.service-index a:hover {
    background:
        rgba(
            110,
            153,
            190,
            .09
        );
}


.service-index a:focus-visible {
    outline-offset: -5px;
}


.service-index__number {
    color: var(--color-muted);

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 14px;
    font-weight: 500;
}


.service-index__arrow {
    margin-left: auto;

    color: var(--color-muted);

    font-size: 23px;
}


/*
|--------------------------------------------------------------------------
| Catalog
|--------------------------------------------------------------------------
*/

.service-catalog {
    padding:
        84px
        0
        90px;

    background:
        var(
            --service-page-surface,
            #fff
        );
}


/*
|--------------------------------------------------------------------------
| Catalog Intro
|--------------------------------------------------------------------------
*/

.service-intro {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.1fr
        )
        minmax(
            0,
            .9fr
        );

    align-items: end;

    gap: 64px;

    margin-bottom: 54px;
}


.service-intro .eyebrow {
    margin:
        0
        0
        17px;

    color: var(--color-muted);

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.service-intro h2 {
    max-width: 700px;

    margin: 0;

    color: var(--color-ink);

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size:
        clamp(
            40px,
            3.7vw,
            58px
        );

    font-weight: 600;

    line-height: 1.01;

    letter-spacing: -.03em;

    text-transform: uppercase;

    text-wrap: balance;
}


.service-intro__description {
    justify-self: end;

    max-width: 570px;

    margin: 0;

    color: var(--color-muted);

    font-size: 17px;

    line-height: 1.75;
}


/*
|--------------------------------------------------------------------------
| Service Detail
|--------------------------------------------------------------------------
*/

.service-detail {
    display: grid;

    grid-template-columns:
        minmax(
            220px,
            .9fr
        )
        minmax(
            0,
            1.15fr
        )
        minmax(
            230px,
            1fr
        );

    gap:
        clamp(
            28px,
            3.5vw,
            64px
        );

    padding:
        48px
        0;

    border-top:
        1px solid
        var(--color-line);
}


.service-detail:last-child {
    border-bottom:
        1px solid
        var(--color-line);
}


.service-detail__heading,
.service-detail__body,
.service-detail__points {
    min-width: 0;
}


.service-detail__number {
    display: block;

    margin-bottom: 20px;

    color: var(--color-muted);

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 14px;
    font-weight: 500;

    line-height: 1;

    letter-spacing: .08em;
}


.service-detail h3 {
    max-width: 350px;

    margin: 0;

    color: var(--color-ink);

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size:
        clamp(
            29px,
            2.25vw,
            36px
        );

    font-weight: 600;

    line-height: 1.08;

    letter-spacing: -.015em;

    text-transform: uppercase;
}


.service-detail__tagline {
    margin:
        0
        0
        15px;

    color: var(--color-ink);

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size: 25px;
    font-weight: 600;

    line-height: 1.25;
}


.service-detail__description {
    max-width: 48ch;

    margin: 0;

    color: var(--color-muted);

    font-size: 16px;

    line-height: 1.75;
}


.service-detail__points {
    align-self: start;

    margin: 0;

    padding: 0;

    list-style: none;
}


.service-detail__points li {
    position: relative;

    padding:
        12px
        0
        12px
        20px;

    border-bottom:
        1px solid
        var(--color-line);

    color: var(--color-text);

    font-size: 15px;

    line-height: 1.6;
}


.service-detail__points li:first-child {
    padding-top: 0;
}


.service-detail__points li:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


.service-detail__points li::before {
    content: "";

    position: absolute;

    top: 23px;
    left: 0;

    width: 6px;
    height: 6px;

    border:
        1px solid
        currentColor;

    transform:
        rotate(
            45deg
        );
}


.service-detail__points li:first-child::before {
    top: 11px;
}


/*
|--------------------------------------------------------------------------
| Enquiry
|--------------------------------------------------------------------------
*/

.service-enquiry {
    position: relative;

    overflow: hidden;

    padding:
        82px
        0;

    border-block:
        1px solid
        #24435e;

    background:
        linear-gradient(
            115deg,
            #09243d,
            #051321
            80%
        );

    color: #f4f7fa;
}


.service-enquiry__layout {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.2fr
        )
        minmax(
            0,
            .8fr
        );

    align-items: center;

    gap:
        clamp(
            40px,
            8vw,
            150px
        );
}


.service-enquiry__copy {
    max-width: 720px;
}


.service-enquiry .eyebrow {
    margin:
        0
        0
        18px;

    color: #abc4da;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.service-enquiry h2 {
    max-width: 700px;

    margin: 0;

    color: #f4f7fa;

    font-size:
        clamp(
            40px,
            3.7vw,
            58px
        );

    font-weight: 600;

    line-height: 1.01;

    letter-spacing: -.03em;

    text-transform: uppercase;

    text-wrap: balance;
}


.service-enquiry__copy > p:not(.eyebrow) {
    max-width: 590px;

    margin:
        24px
        0
        29px;

    color: #cfdae5;

    font-size: 17px;

    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Brief
|--------------------------------------------------------------------------
*/

.service-brief {
    padding:
        33px
        36px;

    border:
        1px solid
        #35516b;

    background:
        rgba(
            177,
            205,
            230,
            .05
        );

    box-shadow:
        inset
        0
        1px
        rgba(
            255,
            255,
            255,
            .04
        );
}


.service-brief h3 {
    margin:
        0
        0
        21px;

    color: #f4f7fa;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.15;

    letter-spacing: -.015em;
}


.service-brief ol {
    margin: 0;

    padding: 0;

    list-style: none;

    counter-reset: brief;
}


.service-brief li {
    position: relative;

    counter-increment: brief;

    padding:
        18px
        0
        18px
        40px;

    border-top:
        1px solid
        #29445b;
}


.service-brief li::before {
    content:
        counter(
            brief,
            decimal-leading-zero
        );

    position: absolute;

    top: 21px;
    left: 0;

    color: #9bbad4;

    font-family:
        "Barlow",
        Arial,
        sans-serif;

    font-size: 13px;
    font-weight: 500;

    line-height: 1;
}


.service-brief strong {
    display: block;

    color: #f0f5f9;

    font-family:
        "Barlow Semi Condensed",
        "Barlow",
        Arial,
        sans-serif;

    font-size: 21px;
    font-weight: 600;

    line-height: 1.25;
}


.service-brief li > span {
    display: block;

    margin-top: 7px;

    color: #b9cbdc;

    font-size: 15px;

    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Dark
|--------------------------------------------------------------------------
*/

html[data-theme="dark"] .service-catalog {
    --service-page-surface:
        #04121e;
}


/*
|--------------------------------------------------------------------------
| 1100
|--------------------------------------------------------------------------
*/

@media (
    max-width: 1100px
) {

    .service-intro {
        gap: 36px;
    }


    .service-detail {
        grid-template-columns:
            minmax(
                210px,
                .75fr
            )
            minmax(
                0,
                1.25fr
            );

        gap:
            22px
            36px;
    }


    .service-detail__heading {
        grid-row:
            span
            2;
    }


    .service-detail__points {
        grid-column: 2;
    }


    .service-detail__description {
        max-width: none;
    }


    .service-index a {
        padding-inline: 16px;

        gap: 10px;
    }


    .service-index__arrow {
        display: none;
    }

}


/*
|--------------------------------------------------------------------------
| 900
|--------------------------------------------------------------------------
*/

@media (
    max-width: 900px
) {

    .service-hero__shade {
        background:
            linear-gradient(
                90deg,
                rgba(
                    3,
                    12,
                    21,
                    .95
                ),
                rgba(
                    3,
                    12,
                    21,
                    .8
                )
                60%,
                rgba(
                    3,
                    12,
                    21,
                    .48
                )
            );
    }


    .service-hero__copy {
        max-width: 650px;
    }


    .service-index__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }


    .service-index a {
        min-height: 88px;

        padding-inline: 20px;

        border-bottom:
            1px solid
            var(--color-line);
    }


    .service-index a:nth-child(odd) {
        padding-left: 0;
    }


    .service-index a:nth-child(even) {
        border-right: 0;
    }


    .service-index a:nth-last-child(-n + 2) {
        border-bottom: 0;
    }


    .service-index__arrow {
        display: block;
    }


    .service-intro {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .service-intro__description {
        justify-self: start;

        max-width: 670px;
    }


    .service-enquiry__layout {
        grid-template-columns: 1fr;

        gap: 39px;
    }


    .service-brief {
        max-width: 720px;
    }

}


/*
|--------------------------------------------------------------------------
| 680
|--------------------------------------------------------------------------
*/

@media (
    max-width: 680px
) {

    .service-catalog {
        padding:
            56px
            0;
    }


    .service-intro {
        margin-bottom: 34px;
    }


    .service-detail {
        grid-template-columns:
            minmax(
                0,
                1fr
            );

        gap: 24px;

        padding:
            34px
            0;
    }


    .service-detail__heading {
        display: flex;

        align-items: baseline;

        gap: 18px;

        grid-row: auto;
    }


    .service-detail__number {
        flex:
            0
            0
            24px;

        margin-bottom: 0;

        font-size: 13px;
    }


    .service-detail h3 {
        max-width: none;

        font-size: 30px;
    }


    .service-detail__points {
        grid-column: auto;
    }


    .service-detail__tagline {
        font-size: 23px;
    }


    .service-detail__description,
    .service-intro__description {
        font-size: 16px;
    }


    .service-enquiry {
        padding:
            58px
            0;
    }

}


/*
|--------------------------------------------------------------------------
| 560
|--------------------------------------------------------------------------
*/

@media (
    max-width: 560px
) {

    .service-hero {
        min-height: 0;

        padding:
            calc(
                var(--header-height)
                + 22px
            )
            0
            48px;
    }


    .service-hero__shade {
        background:
            rgba(
                3,
                12,
                21,
                .8
            );
    }


    .breadcrumb {
        margin-bottom: 30px;

        font-size: 11px;
    }


    .service-hero .eyebrow,
    .service-intro .eyebrow,
    .service-enquiry .eyebrow {
        font-size: 10px;
    }


    .service-hero h1 {
        font-size:
            clamp(
                40px,
                12vw,
                54px
            );

        line-height: 1;
    }


    .service-hero__lead {
        margin:
            23px
            0
            28px;

        font-size: 15px;

        line-height: 1.65;
    }


    .service-hero__actions,
    .service-enquiry__actions {
        gap: 18px;
    }


    .service-hero .button,
    .service-enquiry .button {
        width: auto;
    }


    .service-index a {
        gap: 10px;

        padding:
            18px
            12px;

        font-size: 16px;
    }


    .service-index__number {
        font-size: 12px;
    }


    .service-index__arrow {
        display: none;
    }


    .service-intro h2,
    .service-enquiry h2 {
        font-size:
            clamp(
                34px,
                9.8vw,
                46px
            );

        line-height: 1.03;
    }


    .service-enquiry__copy > p:not(.eyebrow) {
        font-size: 15px;
    }


    .service-brief {
        padding:
            27px
            22px;
    }


    .service-brief h3 {
        font-size: 25px;
    }


    .service-brief strong {
        font-size: 19px;
    }


    .service-brief li > span {
        font-size: 14px;
    }

}


/*
|--------------------------------------------------------------------------
| 390
|--------------------------------------------------------------------------
*/

@media (
    max-width: 390px
) {

    .service-hero__actions,
    .service-enquiry__actions {
        align-items: flex-start;

        flex-direction: column;
    }


    .service-hero .button,
    .service-enquiry .button {
        width: 100%;
    }

}

/* 2026-09-28 — Hizmetler: layout sabit, ana sayfa karakterinde frosted glass */

/* Hero altındaki 4 kutu: konumu/yüksekliği DEĞİŞTİRME. */
.service-index{
    position:relative;
    z-index:2;
    margin-top:0 !important;
    overflow:hidden;
    background:rgba(7,18,28,.20) !important;
    border-top:1px solid rgba(172,198,217,.22) !important;
    border-bottom:1px solid rgba(172,198,217,.20) !important;
    -webkit-backdrop-filter:blur(18px) saturate(118%);
    backdrop-filter:blur(18px) saturate(118%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.service-index::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),
        radial-gradient(ellipse at 82% 5%,rgba(194,218,235,.09),transparent 42%);
}
.service-index__grid{
    position:relative;
    z-index:1;
}
.service-index a{
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.018) !important;
    border-right:1px solid rgba(181,205,222,.20) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    -webkit-backdrop-filter:blur(12px) saturate(116%);
    backdrop-filter:blur(12px) saturate(116%);
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.service-index a::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.75;
    background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%,rgba(255,255,255,.018));
}
.service-index a:last-child{border-right:0 !important;}
.service-index a:hover{
    background:rgba(235,244,250,.065) !important;
    border-color:rgba(197,218,232,.30) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Önceki bindirme denemesinin katalogda oluşturduğu kaymayı sıfırla. */
.service-catalog{padding-top:82px;}

/* Alt bölüm: kartın arkasında camın okunacağı çok hafif optik doku. */
.service-enquiry{
    isolation:isolate;
    background:
        radial-gradient(circle at 79% 35%,rgba(105,143,174,.15),transparent 28%),
        radial-gradient(circle at 68% 72%,rgba(76,111,141,.08),transparent 31%),
        linear-gradient(115deg,#09243d,#051321 80%);
}
.service-enquiry::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:520px;
    height:520px;
    right:5%;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(157,190,214,.11),rgba(86,126,158,.035) 42%,transparent 70%);
    filter:blur(10px);
    pointer-events:none;
}

.service-brief{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid rgba(164,193,214,.28) !important;
    border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022)) !important;
    -webkit-backdrop-filter:blur(22px) saturate(122%);
    backdrop-filter:blur(22px) saturate(122%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 -1px 0 rgba(255,255,255,.018),
        0 22px 55px rgba(0,0,0,.11) !important;
}
.service-brief::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 88% 4%,rgba(194,219,237,.12),transparent 42%),
        linear-gradient(118deg,rgba(255,255,255,.055),transparent 35%);
}
.service-brief::after{
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    top:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(229,240,247,.34),transparent);
}
.service-brief li{border-top-color:rgba(155,184,205,.20) !important;}

@media (max-width:760px){
    .service-index{margin-top:0 !important;}
    .service-catalog{padding-top:58px;}
    .service-enquiry::before{right:-180px;opacity:.75;}
}

/* 2026-09-28 — final service glass correction
   The index stays in normal document flow, spans the viewport, and gets a real
   photographic layer behind the glass instead of trying to blur a flat navy fill. */
.service-index{
    position:relative;
    isolation:isolate;
    width:100%;
    margin:0 !important;
    overflow:hidden;
    background:#071522 !important;
    border-top:1px solid rgba(185,207,223,.22) !important;
    border-bottom:1px solid rgba(185,207,223,.20) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}
.service-index::after{
    content:"";
    position:absolute;
    z-index:-2;
    inset:-24px;
    background-image:var(--service-index-image);
    background-size:cover;
    background-position:65% 72%;
    filter:blur(10px) saturate(.62) brightness(.46);
    transform:scale(1.035);
    pointer-events:none;
}
.service-index::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 38%,rgba(2,12,20,.18)),
        linear-gradient(90deg,rgba(4,17,28,.36),rgba(12,28,42,.16),rgba(4,17,28,.30));
    pointer-events:none;
}
.service-index > .container.service-index__grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.service-index a,
.service-index a:first-child{
    min-height:104px;
    padding:22px 30px !important;
    background:rgba(13,28,41,.25) !important;
    border-right:1px solid rgba(190,211,226,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
    -webkit-backdrop-filter:blur(15px) saturate(120%);
    backdrop-filter:blur(15px) saturate(120%);
}
.service-index a::before{
    background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 34%,rgba(255,255,255,.022)) !important;
}
.service-index a:last-child{border-right:0 !important;}
.service-index a:hover{
    background:rgba(225,238,247,.075) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.095) !important;
}

/* Lower brief: make the glass legible by putting an optical scene behind it,
   while keeping the section itself dark and restrained. */
.service-enquiry{
    isolation:isolate;
    background:linear-gradient(115deg,#0b2238,#061522 78%) !important;
}
.service-enquiry::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0 0 0 52%;
    background-image:var(--service-index-image);
    background-size:cover;
    background-position:72% center;
    opacity:.13;
    filter:blur(8px) saturate(.55);
    transform:scale(1.05);
    pointer-events:none;
}
.service-enquiry::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(90deg,rgba(7,24,39,.98) 0%,rgba(7,24,39,.90) 48%,rgba(7,24,39,.50) 100%);
    pointer-events:none;
}
.service-brief{
    overflow:hidden;
    border:1px solid rgba(190,211,226,.25) !important;
    background:linear-gradient(145deg,rgba(210,227,239,.085),rgba(8,22,34,.20)) !important;
    -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
    backdrop-filter:blur(18px) saturate(120%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 48px rgba(0,0,0,.12) !important;
}

@media(max-width:900px){
    .service-index > .container.service-index__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .service-index a:nth-child(2){border-right:0 !important;}
    .service-index a:nth-child(-n+2){border-bottom:1px solid rgba(190,211,226,.20) !important;}
}
@media(max-width:560px){
    .service-index > .container.service-index__grid{grid-template-columns:1fr;}
    .service-index a,.service-index a:first-child{padding:18px 20px !important;border-right:0 !important;border-bottom:1px solid rgba(190,211,226,.20) !important;}
    .service-index a:last-child{border-bottom:0 !important;}
    .service-enquiry::before{inset:0;opacity:.08;}
}

/* 2026-09-29 mobile service index: keep the four actions compact instead of a tall 1x4 stack. */
@media (max-width:560px){
  .service-index > .container.service-index__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .service-index a,
  .service-index a:first-child{
    min-height:86px !important;
    padding:16px 14px !important;
    border-right:1px solid rgba(190,211,226,.20) !important;
    border-bottom:1px solid rgba(190,211,226,.20) !important;
  }
  .service-index a:nth-child(even){border-right:0 !important;}
  .service-index a:nth-last-child(-n+2){border-bottom:0 !important;}
  .service-index__number{font-size:11px !important;}
  .service-index a span:not(.service-index__number):not(.service-index__arrow){font-size:13px !important;line-height:1.15;}
  .service-index__arrow{font-size:16px !important;}
}