.expertises-page .compact-grid { gap: clamp(18px, 2vw, 28px); }
.expertises-page .compact-card { padding: 0 !important; overflow: hidden; min-height: 0; background: #fff; border: 1px solid #d7e1e8; box-shadow: 0 12px 30px rgba(11,38,55,.06); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.expertises-page .compact-card:hover { transform: translateY(-5px); border-color: #9fc5dc; box-shadow: 0 20px 42px rgba(11,57,85,.13); }
.expertise-visual { position: relative; height: clamp(145px,14vw,205px); overflow: hidden; background-image: url("assets/expertises/expertises-atlas-v111.png"); background-repeat: no-repeat; background-size: 300% 300%; filter: saturate(.88) contrast(1.02); transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease; }
.expertise-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 60%,rgba(4,41,63,.18)); }
.compact-card:hover .expertise-visual { transform: scale(1.025); filter: saturate(1) contrast(1.04); }
.expertise-visual.v01 { background-position: 0 0; }
.expertise-visual.v02 { background-position: 50% 0; }
.expertise-visual.v03 { background-position: 100% 0; }
.expertise-visual.v04 { background-position: 0 50%; }
.expertise-visual.v05 { background-position: 50% 50%; }
.expertise-visual.v06 { background-position: 100% 50%; }
.expertise-visual.v07 { background-position: 0 100%; }
.expertise-visual.v08 { background-position: 50% 100%; }
.expertise-visual.v09 { background-position: 100% 100%; }
.expertise-copy { position: relative; padding: clamp(20px,2.2vw,30px); min-height: 205px; }
.expertise-copy b { display: inline-flex; align-items: center; gap: 10px; color: #0875b1; letter-spacing: .18em; }
.expertise-copy b::after { content: ""; width: 34px; height: 2px; background: #f4bd00; }
.expertise-copy h2 { margin-top: 18px; margin-bottom: 14px; }
.expertise-copy p { margin-bottom: 0; }
@media (max-width:760px) { .expertise-visual { height: 190px; } .expertise-copy { min-height: 0; } }