/* Page expertises v4, 26/10/26 (structure inspirée de bluesensedigital.com.au/capabilities) : complète home80.css. */
.hero>.wrap{padding-top:96px}
.xh{margin-top:24px;max-width:16ch}
.hero .lead{margin-top:28px}
.xindex{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:56px 0 88px}
.xindex a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;transition:border-color .2s,transform .2s}
.xindex a:hover{border-color:var(--noir);transform:translateY(-1px)}
.xindex .n{font:300 32px/1 var(--serif);color:var(--orange)}
.xindex b{font-size:15px;font-weight:700;line-height:1.3}
.xindex .t{font-size:13px;line-height:1.45;color:var(--grisf)}
.dgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:88px;align-items:center}
.dgrid.rev .adw{order:2}
.disc .adw{max-width:400px;justify-self:center;width:100%}
.disc .adw .ad{transform:rotate(-2deg)}.dgrid.rev .adw .ad{transform:rotate(2deg)}
.dn{display:block;font:300 64px/1 var(--serif);color:var(--orange)}
.disc h2{margin-top:12px}
.disc .tag{font:italic 300 26px/1.2 var(--serif);margin-top:12px;color:var(--grisf)}
.disc .body{margin-top:20px;max-width:34em}
.doing{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.doing li{display:flex;gap:12px;font-size:15px;line-height:1.5}
.doing li::before{content:"";width:8px;height:8px;margin-top:7px;background:var(--orange);flex:none}
.deliv{margin-top:28px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px 22px;color:var(--noir)}
.deliv span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grisf)}
.deliv ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.deliv li{font-size:13px;font-weight:700;border:1px solid #11121233;border-radius:999px;padding:6px 12px}
.disc.dark .tag{color:#ffffffa6}.disc.dark .doing li{color:#ffffffd9}
.disc.orange .dn{color:var(--noir)}.disc.orange .tag{color:#111212b3}.disc.orange .doing li::before{background:var(--noir)}
.tools .mhead .body{margin:20px auto 0;color:#ffffffb3}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tool{border:1px solid #ffffff26;border-radius:8px;padding:28px 24px;min-height:240px;overflow:hidden;display:flex;flex-direction:column}
.tool img{display:block;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;margin:-28px -24px 24px;border-radius:8px 8px 0 0;filter:saturate(.95)}
.tool .n{font:300 40px/1 var(--serif);color:var(--orange)}
.tool h3{font:300 26px/1.1 var(--serif);padding-top:12px}
.tool p{font-size:14px;line-height:1.55;color:#ffffffb3;margin-top:10px}
@media (max-width:1000px){.xindex{grid-template-columns:1fr 1fr}.tgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.hero>.wrap{padding-top:56px}.dgrid{grid-template-columns:1fr;gap:40px}.dgrid.rev .adw{order:0}.disc .adw{max-width:300px}.xindex,.tgrid{grid-template-columns:1fr}}