/* Synov Cases v1.7.2 — Accenture-style canvas */
.synovcs {
    all: initial;
    display: block;
    background: #0b0b0b;
    color: #e6e8ea;
    font-family:
        Inter,
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        Ubuntu,
        Helvetica,
        Arial,
        sans-serif;
}
.synovcs * {
    box-sizing: border-box;
}
.synovcs a {
    all: revert;
    color: #b197ff;
    text-decoration: none;
}
.synovcs a:hover {
    text-decoration: underline;
}
/* unified max width */
.synovcs .wrap {
    max-width: 1440px;
    margin: 0 auto;
}
/* .synovcs .vpad {
    padding-left: 5vw;
    padding-right: 5vw;
} */
/* hero */
.synovcs .hero {
    position: relative;
    min-height: 68vh;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.synovcs .hero__bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    filter: saturate(0.9) contrast(0.95);
}
.synovcs .hero__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.72) 60%, rgba(0, 0, 0, 0.9) 100%);
}
.synovcs .hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: 1.3fr 0.9fr;
    gap: 56px;
    padding: 9vh 0 7vh;
    padding-top: clamp(9%, 130px, 160px) !important;
}
.synovcs .crumbs {
    all: revert;
    color: #9aa4b2;
    font-size: 12px;
    margin-bottom: 12px;
}
.synovcs .client {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.synovcs .client img {
    height: 30px;
    width: auto;
    filter: grayscale(1) brightness(1.6);
}
.synovcs h1 {
    all: revert;
    font-weight: 800;
    font-size: clamp(42px, 6vw, 92px);
    line-height: 1.02;
    color: #fff;
    margin: 8px 0 10px;
}
.synovcs .dek {
    all: revert;
    color: #c7cbd1;
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.7;
    margin: 10px 0 16px;
}
.synovcs .pill {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.28);
    padding: 6px 10px;
    font-size: 12px;
    color: #cbd5e1;
    margin-right: 8px;
}
.synovcs .kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.synovcs .kpi {
    background: transparent;
    border-left: 2px solid rgba(255, 255, 255, 0.25);
    padding: 10px 12px;
}
.synovcs .kpi .v {
    font-weight: 800;
    font-size: 24px;
    color: #fff;
}
.synovcs .kpi .l {
    color: #cbd5e1;
    font-size: 12px;
    margin-top: 4px;
}
.synovcs .video {
    position: relative;
    padding-top: 56.25%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: #111;
}
.synovcs .video iframe,
.synovcs .video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
/* summary */
.synovcs .summary {
    background: #0f0f12;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.synovcs .summary__grid {
    display: grid;
    grid-template-columns: 1.2fr 1.1fr 1fr;
    gap: 40px;
    padding: 36px 0;
}
.synovcs .eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    color: #9aa4b2;
    margin-bottom: 8px;
}
/* sections */
.synovcs section.section {
    padding: 110px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.synovcs .grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 56px;
}
.synovcs h2 {
    all: revert;
    font-weight: 780;
    font-size: clamp(24px, 2.6vw, 40px);
    margin: 0 0 14px;
    color: #fff;
}
.synovcs .body {
    all: revert;
    color: #d5d9df;
    line-height: 1.9;
    font-size: clamp(16px, 1.3vw, 19px);
}
.synovcs .img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: #111;
    display: block;
}
.synovcs .theme-alt {
    background: linear-gradient(180deg, #0b0b0b 0%, #0c0c11 100%);
}
/* gallery, team, faq */
.synovcs .gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.synovcs .team {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.synovcs .team .card {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
}
.synovcs .related a {
    display: block;
    margin: 8px 0;
}
.synovcs details.faq {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 18px 0;
}
.synovcs details.faq summary {
    cursor: pointer;
    font-weight: 700;
    color: #fff;
}
.synovcs details.faq[open] .answer {
    margin-top: 10px;
}
.synovcs section.section:last-child {
	padding-bottom: 250px !important;
}
@media (max-width: 980px) {
	.synovcs section.section:last-child {
		padding-bottom: 110px !important;
	}
    .synovcs .hero__grid {
        grid-template-columns: 1fr;
        gap: 28px;
		padding-left: 5vw !important;
		padding-right: 5vw !important;
    }
    .synovcs .kpis {
        grid-template-columns: 1fr 1fr;
    }
    .synovcs .summary__grid {
        grid-template-columns: 1fr;
    }
    .synovcs .grid {
        grid-template-columns: 1fr;
    }
	.synovcs .vpad {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
	} 
    .synovcs .gallery {
        grid-template-columns: 1fr 1fr;
    }
    .synovcs .team {
        grid-template-columns: 1fr 1fr;
    }
}

.case-section-visual img {
    max-height: 60vh !important;
    width: auto !important;
	margin: 0 auto;
}

.case-section:nth-child(odd) .grid {
    grid-template-columns: 5fr 7fr !important;
}
.case-section:nth-child(odd) .grid > div:not(:only-child).case-section-text {
    order: 2 !important;
}
}
.case-section:nth-child(odd) .grid > div:only-child.case-section-text {
	grid-column: 7fr !important;
}
.case-section:nth-child(odd) .case-section-visual {
    order: 1 !important;
}


@media (max-width: 1600px) {
	.synovcs .vpad {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
	} 
}