/* Pixalclick V4 — visual/editorial system. Designed to avoid repetitive card grids. */
:root{--v4-ink:#071a33;--v4-yellow:#ffbf19;--v4-paper:#f4f6f8;--v4-line:#d9e1e9}
body{background:#fff}
/* Stronger editorial section rhythm */
.section{padding:96px 0}
.section.soft{background:linear-gradient(180deg,#f6f8fa 0%,#edf2f6 100%)}
.head{max-width:920px}
.head.center h2{max-width:900px;margin-left:auto;margin-right:auto}
.head h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.065em}
.kicker{position:relative;display:inline-block}
.kicker:after{content:"";position:absolute;left:0;bottom:-8px;width:30px;height:2px;background:var(--v4-yellow)}
.center .kicker:after{left:50%;transform:translateX(-50%)}

/* Every service grid becomes image-led, not text-only. */
.serviceGrid{grid-template-columns:repeat(12,1fr);gap:18px}
.serviceGrid .service{grid-column:span 4;position:relative;overflow:hidden;padding:0;min-height:385px;border-radius:22px;background:#fff;border:1px solid var(--v4-line);box-shadow:0 18px 55px rgba(7,26,51,.055);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.serviceGrid .service:nth-child(4){grid-column:span 6}
.serviceGrid .service:nth-child(5){grid-column:span 3}
.serviceGrid .service:nth-child(6){grid-column:span 3}
.serviceGrid .service:before{content:"";display:block;height:190px;background-image:var(--card-img);background-size:cover;background-position:center;transition:transform .55s ease;filter:saturate(.9)}
.serviceGrid .service:after{content:"";position:absolute;left:0;right:0;top:0;height:190px;background:linear-gradient(180deg,rgba(7,26,51,.05),rgba(7,26,51,.62));pointer-events:none}
.serviceGrid .service>*{position:relative;z-index:2;margin-left:25px;margin-right:25px}
.serviceGrid .service .serviceNo{margin-top:-164px;color:#fff;font-size:9px;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.serviceGrid .service .serviceIcon{margin-top:110px;margin-bottom:17px;width:46px;height:46px;border:4px solid #fff;box-shadow:0 8px 25px rgba(7,26,51,.12)}
.serviceGrid .service h3{font-size:17px;letter-spacing:-.025em}
.serviceGrid .service p{font-size:10.5px;line-height:1.7}
.serviceGrid .service a{margin-bottom:23px}
.serviceGrid .service:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(7,26,51,.12);border-color:#f1c33b}
.serviceGrid .service:hover:before{transform:scale(1.07)}

/* Theme-specific imagery for industry and insight cards */
.page-healthcare .serviceGrid .service:nth-child(1){--card-img:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1000&q=85')}
.page-healthcare .serviceGrid .service:nth-child(2){--card-img:url('https://images.unsplash.com/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=1000&q=85')}
.page-healthcare .serviceGrid .service:nth-child(3){--card-img:url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1000&q=85')}
.page-healthcare .serviceGrid .service:nth-child(4){--card-img:url('https://images.unsplash.com/photo-1559757175-0eb30cd8c063?auto=format&fit=crop&w=1200&q=85')}
.page-healthcare .serviceGrid .service:nth-child(5){--card-img:url('https://images.unsplash.com/photo-1580281658628-1d4a0b2c8d6f?auto=format&fit=crop&w=1000&q=85')}
.page-healthcare .serviceGrid .service:nth-child(6){--card-img:url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=1000&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(1){--card-img:url('https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=1000&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(2){--card-img:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1000&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(3){--card-img:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1000&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(4){--card-img:url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(5){--card-img:url('https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=1000&q=85')}
.page-manufacturing .serviceGrid .service:nth-child(6){--card-img:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=85')}
.page-insights .serviceGrid .service:nth-child(1){--card-img:url('https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1000&q=85')}
.page-insights .serviceGrid .service:nth-child(2){--card-img:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1000&q=85')}
.page-insights .serviceGrid .service:nth-child(3){--card-img:url('https://images.unsplash.com/photo-1547658719-da2b51169166?auto=format&fit=crop&w=1000&q=85')}
.page-insights .serviceGrid .service:nth-child(4){--card-img:url('https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1200&q=85')}
.page-insights .serviceGrid .service:nth-child(5){--card-img:url('https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1000&q=85')}
.page-insights .serviceGrid .service:nth-child(6){--card-img:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85')}
.page-home .serviceGrid .service:nth-child(1){--card-img:url('https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1000&q=85')}
.page-home .serviceGrid .service:nth-child(2){--card-img:url('https://images.unsplash.com/photo-1547658719-da2b51169166?auto=format&fit=crop&w=1000&q=85')}
.page-home .serviceGrid .service:nth-child(3){--card-img:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1000&q=85')}
.page-home .serviceGrid .service:nth-child(4){--card-img:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=85')}
.page-home .serviceGrid .service:nth-child(5){--card-img:url('https://images.unsplash.com/photo-1611162617474-5b21e879e113?auto=format&fit=crop&w=1000&q=85')}
.page-home .serviceGrid .service:nth-child(6){--card-img:url('https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1000&q=85')}

/* About + home capability bento: add real visual treatment */
.bento .bcard{min-height:270px;padding:0;overflow:hidden;border-radius:22px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.bento .bcard:before{content:"";display:block;position:absolute;inset:0 0 auto;height:145px;background-image:var(--b-img);background-size:cover;background-position:center;filter:saturate(.9);transition:transform .5s ease}
.bento .bcard:after{content:"";position:absolute;left:0;right:0;top:0;height:145px;background:linear-gradient(180deg,rgba(7,26,51,.03),rgba(7,26,51,.68));width:auto;border-radius:0;pointer-events:none}
.bento .bcard>*{position:relative;z-index:2;margin-left:24px;margin-right:24px}
.bento .bcard .num{margin-bottom:auto;padding-top:18px;color:#fff;text-shadow:0 2px 10px #0006}
.bento .bcard h3{margin-top:0;font-size:18px}
.bento .bcard p{padding-bottom:22px}
.bento .bcard:hover:before{transform:scale(1.07)}
.bento .bcard.big{background:var(--v4-ink)}
.page-home .bento .bcard:nth-child(1),.page-about .bento .bcard:nth-child(1){--b-img:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=85')}
.page-home .bento .bcard:nth-child(2),.page-about .bento .bcard:nth-child(2){--b-img:url('https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1200&q=85')}
.page-home .bento .bcard:nth-child(3),.page-about .bento .bcard:nth-child(3){--b-img:url('https://images.unsplash.com/photo-1547658719-da2b51169166?auto=format&fit=crop&w=1200&q=85')}
.page-home .bento .bcard:nth-child(4),.page-about .bento .bcard:nth-child(4){--b-img:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1400&q=85')}

/* Portfolio: larger cinematic cards */
.caseGrid{grid-template-columns:1.15fr .85fr;gap:20px}
.caseGrid .case{border-radius:22px;box-shadow:0 18px 55px rgba(7,26,51,.06);transition:.35s}
.caseGrid .case:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch}
.caseGrid .caseImg{height:310px}
.caseGrid .case:nth-child(3) .caseImg{height:100%}
.caseGrid .case:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(7,26,51,.12)}

/* Steps become visual timeline instead of plain text row */
.steps{gap:14px}
.step{position:relative;padding:22px 14px 16px;border:1px solid var(--v4-line);border-radius:18px;background:#fff;overflow:hidden;min-height:170px}
.step:before{content:"";display:block;width:100%;height:5px;background:linear-gradient(90deg,var(--v4-yellow),transparent);position:absolute;left:0;top:0}
.stepNo{position:relative;z-index:1;width:58px;height:58px;background:#fff7d7;box-shadow:0 8px 22px rgba(7,26,51,.07)}
.step h3{font-size:14px}.step p{font-size:9.5px}
.dark .step{background:#0b2442;border-color:#23415d}.dark .step:before{background:linear-gradient(90deg,var(--v4-yellow),transparent)}

/* Quote band gets a campaign-style visual background */
.quoteBand{background:linear-gradient(90deg,rgba(7,26,51,.97),rgba(7,26,51,.78)),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85') center/cover}
.quoteBand .wrap{min-height:330px}
.quoteBand h2{font-size:clamp(36px,4.6vw,60px)}

/* Clients: premium trust wall */
.clientStrip{gap:14px}
.client{min-height:112px;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9fb);position:relative;overflow:hidden}
.client:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;border:1px solid #f0c343;right:-25px;top:-25px}
.client:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--v4-yellow);left:16px;top:16px}

/* Visual rail gets more editorial breathing room */
.visual-rail{padding:44px 0 100px}
.visual-grid{gap:16px}.visual-card{border-radius:22px;box-shadow:0 18px 50px rgba(7,26,51,.08)}

/* Contact / privacy content gets a polished paper panel */
.contactGrid,.policyGrid{gap:22px}
.box{border-radius:20px;box-shadow:0 18px 55px rgba(7,26,51,.055)}

@media(max-width:980px){
 .section{padding:76px 0}.serviceGrid{grid-template-columns:repeat(6,1fr)}
 .serviceGrid .service,.serviceGrid .service:nth-child(4),.serviceGrid .service:nth-child(5),.serviceGrid .service:nth-child(6){grid-column:span 3}
 .caseGrid{grid-template-columns:1fr}.caseGrid .case:nth-child(3){grid-column:auto;display:block}.caseGrid .case:nth-child(3) .caseImg{height:300px}
}
@media(max-width:600px){
 .section{padding:62px 0}.head h2{font-size:38px}.serviceGrid{grid-template-columns:1fr;gap:14px}
 .serviceGrid .service,.serviceGrid .service:nth-child(4),.serviceGrid .service:nth-child(5),.serviceGrid .service:nth-child(6){grid-column:auto;min-height:350px}
 .serviceGrid .service:before,.serviceGrid .service:after{height:165px}.serviceGrid .service .serviceNo{margin-top:-142px}.serviceGrid .service .serviceIcon{margin-top:92px}
 .bento .bcard{min-height:245px}.steps{grid-template-columns:1fr 1fr}.step{min-height:150px}
 .clientStrip{grid-template-columns:1fr 1fr}.quoteBand .wrap{min-height:360px;display:block;padding-top:58px;padding-bottom:58px}
}
@media(max-width:430px){.steps,.clientStrip{grid-template-columns:1fr}.serviceGrid .service{min-height:340px}}