
/* MAT consultancy page — homepage-aligned visual system */
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.mat-detail{margin:0;background:#f7f6f2;color:#102b35;font-family:Inter,Arial,sans-serif}
body.mat-detail .nav{position:relative;z-index:100}
body.mat-detail .mat-hero-premium{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:flex;align-items:center;background:#071d35 url('assets/consultancy/imagine-homepage-monochrome-hero.png') center right / cover no-repeat;color:#fff}
.mat-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,23,44,.99) 0%,rgba(6,25,46,.95) 33%,rgba(6,26,49,.72) 55%,rgba(6,26,49,.20) 100%),linear-gradient(0deg,rgba(6,24,46,.78),transparent 28%)}
.mat-hero-content{width:min(1180px,100%);margin:0 auto;padding:96px 30px 80px;position:relative}
.mat-hero-eyebrow{color:#f1c68a;font-size:.8rem;letter-spacing:.22em;font-weight:800;margin-bottom:20px}
.mat-hero-premium h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3.6rem,7vw,6.9rem);line-height:.94;font-weight:600;letter-spacing:-.025em;max-width:720px;color:#f4c58d;margin:0 0 28px}
.mat-hero-premium h1 em{font-weight:500;color:#f4c58d}
.mat-hero-premium p{max-width:620px;font-size:clamp(1rem,1.65vw,1.2rem);line-height:1.8;color:#f9fafc;margin:0 0 28px}
.mat-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.mat-hero-actions .mat-button{border-radius:2px;padding:17px 26px;margin:0;min-height:52px;background:#edbd82;color:#0b243c!important;border:1px solid #edbd82;text-decoration:none;font-size:.9rem;letter-spacing:.035em}
.mat-hero-actions .mat-outline{background:rgba(8,28,49,.35);color:#f7cf9b!important}
.mat-hero-actions .mat-button:hover{filter:brightness(1.1)}
.mat-hero-proof{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:52px;color:#f6d1a4;font-size:.79rem;text-transform:uppercase;letter-spacing:.12em}
.mat-hero-proof span{border-left:1px solid #d6a66f;padding-left:14px}
body.mat-detail .mat-section{background:#f7f6f2}
body.mat-detail .mat-wrap{max-width:1180px}
body.mat-detail .mat-section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.07}
body.mat-detail .mat-grid{gap:22px}
body.mat-detail .mat-card{border:1px solid #e3e3de;box-shadow:0 12px 38px rgba(12,39,55,.065);border-radius:15px;padding:34px 28px;transition:transform .2s,box-shadow .2s;border-top:4px solid #c9794a}
body.mat-detail .mat-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(12,39,55,.11)}
body.mat-detail .mat-card h3{font-size:2rem;margin-top:0}
body.mat-detail .mat-card a{color:#12475b;text-underline-offset:4px}
body.mat-detail .mat-banner{border-radius:16px;padding:clamp(30px,5vw,58px);background:#102b35;color:#fff}
body.mat-detail .mat-banner h2,body.mat-detail .mat-banner p{color:#fff}
body.mat-detail .mat-banner .mat-button{background:#e8b784;color:#102b35!important}
body.mat-detail a:focus-visible,body.mat-detail button:focus-visible{outline:3px solid #e9aa63;outline-offset:4px}
@media(max-width:800px){body.mat-detail .mat-hero-premium{min-height:620px;background-position:65% center}.mat-hero-overlay{background:linear-gradient(90deg,rgba(5,23,44,.99) 0%,rgba(5,23,44,.91) 65%,rgba(5,23,44,.62) 100%)}.mat-hero-content{padding:80px 22px 66px}.mat-hero-proof{margin-top:34px}.mat-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.mat-hero-premium h1{font-size:3.55rem}.mat-hero-actions{flex-direction:column;align-items:stretch}.mat-hero-actions .mat-button{text-align:center}.mat-hero-proof{gap:12px}.mat-hero-proof span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.mat-detail .mat-card{transition:none}}
