body{background:#eef2f7}
.hero{min-height:560px;display:grid;align-items:center;background-image:linear-gradient(90deg,#071426f5 0%,#081525db 44%,#07142633 100%),url('./assets/images/entertainment-hero.png');background-size:cover;background-position:center}
.hero .wrap{position:relative}.hero .wrap:after{content:"8 INDUSTRIES";position:absolute;right:0;bottom:-54px;color:#ffffff2b;font-size:clamp(3rem,9vw,7.5rem);font-weight:900;letter-spacing:-.06em;white-space:nowrap}
.list{padding-top:82px}.intro{margin-bottom:38px}.grid{gap:22px}.card{position:relative;overflow:hidden;min-height:360px;padding-top:205px;border:0;box-shadow:0 18px 45px #13213a17}.card:before{content:"";position:absolute;inset:0 0 auto;height:185px;background-size:cover;background-position:center;transition:transform .45s ease}.card:after{content:"";position:absolute;inset:135px 0 auto;height:50px;background:linear-gradient(transparent,#fff)}.card:hover:before{transform:scale(1.035)}.card[href="./entertainment/"]:before{background-image:url('./assets/images/entertainment-hero.png')}.card[href="./restaurant/"]:before{background-image:url('./assets/images/restaurant-hero.png')}.card[href="./beauty/"]:before{background-image:url('./assets/images/beauty-hero.png')}.card[href="./clinic/"]:before{background-image:url('./assets/images/clinic-hero.png')}.card[href="./construction/"]:before{background-image:url('./assets/images/construction-hero.png')}.card[href="./professional/"]:before{background-image:url('./assets/images/professional-hero.png')}.card[href="./education/"]:before{background-image:url('./assets/images/education-hero.png')}.card[href="./retail/"]:before{background-image:url('./assets/images/retail-hero.png')}@media(max-width:650px){.hero{min-height:500px;background-position:67% center}.hero .wrap:after{bottom:-40px}.card{min-height:340px}}