:root{--w-navy:#02172f;--w-blue:#075eae;--w-cyan:#24b7f2;--w-red:#e31b2f;--w-text:#10233f;--w-muted:#61748b;--w-border:#dbe7f2;--w-bg:#f4f9fd;--w-width:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--w-text);background:#fff;-webkit-font-smoothing:antialiased}body.work-modal-open{overflow:hidden}.work-main{overflow:visible}.work-wrap{width:min(calc(100% - 64px),var(--w-width));margin-inline:auto}.work-section{padding:84px 0;scroll-margin-top:110px}.work-section--soft{background:var(--w-bg)}.work-eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 17px;color:var(--w-blue);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.work-eyebrow:before{content:"";width:27px;height:3px;background:var(--w-red)}.work-title{max-width:880px;margin:0 0 19px;color:var(--w-navy);font-size:clamp(2rem,3.3vw,3.4rem);font-weight:850;letter-spacing:-.045em;line-height:1.13}.work-lead{max-width:900px;margin:0;color:var(--w-muted);font-size:1.04rem;line-height:1.85}.work-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:7px;background:var(--w-blue);color:#fff;text-decoration:none;font-size:.9rem;font-weight:750;border:0;cursor:pointer;transition:background .2s,transform .2s}.work-button:hover{background:#0b83ce;transform:translateY(-2px)}.work-button--outline{background:transparent;border:1px solid rgba(255,255,255,.7)}.work-button--outline:hover{background:rgba(255,255,255,.14)}
.work-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:620px;color:#fff;background-color:var(--w-navy);background-image:linear-gradient(90deg,rgba(2,18,43,.98) 0%,rgba(2,23,47,.90) 31%,rgba(2,31,70,.48) 57%,rgba(2,31,70,.06) 100%),url('/img/our-work/hero.jpg');background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}.work-hero:after{position:absolute;bottom:0;left:0;right:0;height:5px;content:"";background:linear-gradient(90deg,var(--w-red) 0 18%,var(--w-cyan) 18%)}.work-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:45px;align-items:center;padding:62px 0}.work-breadcrumb{margin-bottom:24px;color:#bed5e8;font-size:.8rem}.work-breadcrumb a{color:#fff;text-decoration:none}.work-hero .work-eyebrow{color:#8ddfff}.work-hero h1{max-width:760px;margin:0;font-size:clamp(2.5rem,4.1vw,4.3rem);line-height:1.06;letter-spacing:-.045em;text-transform:uppercase}.work-hero h1 span{display:block;color:#36c5ff}.work-hero__text{max-width:650px;margin:24px 0 0;color:#e3eef8;font-size:1.05rem;line-height:1.8}.work-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.work-directory{padding:23px 25px;border-left:1px solid var(--w-red);border-radius:12px;background:rgba(2,23,47,.69);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.work-directory__title{margin:0 0 13px;color:#8ddfff;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.work-directory a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700}.work-directory a:before{content:"";width:12px;height:3px;background:var(--w-red);flex:0 0 12px}.work-directory a:last-child{border:0}.work-directory a:hover{color:#8ddfff}
@media(min-width:751px){.work-hero{background-size:cover,100% auto;background-position:center center,center top}}
.work-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:70px;align-items:center}.work-intro p{color:var(--w-muted);line-height:1.85}.work-statement{margin-top:22px;padding:20px 25px;border-left:4px solid var(--w-red);background:#edf6ff;color:var(--w-navy);font-weight:800;line-height:1.65}.work-intro__panel{display:grid;gap:12px}.work-mini{padding:21px 23px;background:#fff;border:1px solid var(--w-border);border-left:3px solid var(--w-blue);border-radius:9px}.work-mini:nth-child(2){border-left-color:var(--w-red)}.work-mini:nth-child(3){border-left-color:var(--w-cyan)}.work-mini strong{display:block;color:var(--w-navy);margin-bottom:5px}.work-mini span{font-size:.9rem;color:var(--w-muted);line-height:1.6}
.work-filters{display:flex;flex-wrap:wrap;gap:9px;margin:29px 0 26px}.work-filter{border:1px solid #cddfed;background:#fff;border-radius:7px;color:var(--w-blue);padding:11px 15px;font:700 .83rem Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.work-filter:hover,.work-filter:focus-visible{border-color:var(--w-blue)}.work-filter[aria-pressed="true"]{background:var(--w-blue);color:#fff;border-color:var(--w-blue)}.work-count{font-size:.87rem;color:var(--w-muted);margin:0 0 22px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-project{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--w-border);border-radius:13px;overflow:hidden;box-shadow:0 8px 28px rgba(2,23,47,.04);transition:transform .2s,box-shadow .2s}.work-project:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(2,23,47,.1)}.work-project[hidden]{display:none!important}.work-project__visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#02172f 0%,#075eae 70%,#24b7f2 100%)}.work-project__visual:before{content:"";position:absolute;inset:12% -20%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-18deg)}.work-project__visual:after{content:"EVANTU  /  DIGITAL WORK";position:absolute;left:20px;bottom:16px;color:rgba(255,255,255,.8);font-size:.64rem;font-weight:800;letter-spacing:.15em}.work-project__visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:top center}.work-project__visual img{transition:transform .35s ease}.work-project:hover .work-project__visual img{transform:scale(1.035)}.work-project:focus-within{outline:2px solid var(--w-blue);outline-offset:2px}.work-project__fallback{position:absolute;z-index:0;inset:0;display:grid;place-items:center;padding:20px;color:#fff;text-align:center;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:850;letter-spacing:-.03em}.work-project__body{display:flex;flex:1;flex-direction:column;padding:23px}.work-project__category{color:var(--w-blue);font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.work-project h3{font-size:1.3rem;color:var(--w-navy);margin:10px 0}.work-project__summary{font-size:.91rem;line-height:1.73;color:var(--w-muted);margin:0 0 17px;flex:1}.work-project__links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--w-border)}.work-project__details{background:none;border:0;padding:7px 0;color:var(--w-blue);font:800 .82rem Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.work-project__links a{margin-left:auto;color:var(--w-navy);text-decoration:none;font-size:.82rem;font-weight:800}.work-project__details:hover,.work-project__links a:hover{text-decoration:underline}.work-no-results{padding:26px;border:1px solid var(--w-border);border-radius:9px;color:var(--w-muted)}
.work-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:31px}.work-capability{padding:26px;border:1px solid var(--w-border);border-top:3px solid var(--w-blue);border-radius:10px;background:#fff}.work-capability:nth-child(3n+2){border-top-color:var(--w-red)}.work-capability:nth-child(3n){border-top-color:var(--w-cyan)}.work-capability__number{font-size:.78rem;font-weight:850;color:var(--w-red);letter-spacing:.12em}.work-capability h3{margin:13px 0;color:var(--w-navy);font-size:1.1rem}.work-capability p{margin:0;color:var(--w-muted);font-size:.92rem;line-height:1.75}.work-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:29px}.work-process div{padding:21px 12px;border:1px solid var(--w-border);border-top:3px solid var(--w-blue);border-radius:9px;background:#fff;text-align:center;color:var(--w-navy);font-size:.85rem;font-weight:750}.work-process small{display:block;color:var(--w-red);font-size:.72rem;letter-spacing:.1em;margin-bottom:8px}.work-cta{padding:85px 0;background:linear-gradient(120deg,#02172f,#06477d);color:#fff}.work-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:44px}.work-cta h2{max-width:790px;margin:0 0 15px;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.13;letter-spacing:-.04em}.work-cta p{max-width:800px;color:#cbddec;line-height:1.8}.work-cta .work-eyebrow{color:#8ddfff}.work-cta__actions{flex-shrink:0}
.work-dialog{width:min(660px,calc(100% - 30px));max-height:min(88vh,850px);border:0;border-radius:15px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.35);color:var(--w-text)}.work-dialog::backdrop{background:rgba(2,18,43,.76)}.work-dialog__header{background:linear-gradient(125deg,#02172f,#075eae);color:#fff;padding:26px 30px}.work-dialog__header small{display:block;margin-bottom:9px;color:#8ddfff;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.work-dialog__header h2{margin:0;font-size:1.75rem}.work-dialog__body{padding:26px 30px;overflow:auto;max-height:55vh}.work-dialog__body p{line-height:1.8;color:var(--w-muted)}.work-dialog__body h3{color:var(--w-navy);font-size:1rem;margin-top:22px}.work-dialog__body ul{color:var(--w-muted);line-height:1.9;padding-left:20px}.work-dialog__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 30px 26px}.work-dialog__close{margin-left:auto;background:#e9f2fa;color:var(--w-navy);border:0;border-radius:6px;padding:12px 17px;font-weight:750;cursor:pointer}
@media(max-width:1050px){.work-hero__inner{grid-template-columns:1fr;gap:27px}.work-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.work-process{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.work-wrap{width:min(calc(100% - 36px),var(--w-width))}.work-section{padding:64px 0}.work-hero{min-height:unset;background-image:linear-gradient(0deg,rgba(2,18,43,.98) 0%,rgba(2,31,70,.88) 34%,rgba(2,31,70,.30) 76%,rgba(2,31,70,.09) 100%),url('/img/our-work/hero-mobile.jpg');background-size:cover,cover;background-position:center,center top}.work-hero__inner{padding:110px 0 42px}.work-hero h1{font-size:clamp(2.2rem,7.5vw,3.3rem)}.work-intro{grid-template-columns:1fr;gap:24px}.work-grid,.work-capabilities{grid-template-columns:1fr}.work-cta__inner{flex-direction:column;align-items:flex-start}.work-cta__actions{width:100%}.work-project__visual{aspect-ratio:16/9}}
@media(max-width:440px){.work-directory nav{grid-template-columns:1fr}.work-process{grid-template-columns:repeat(2,minmax(0,1fr))}.work-hero__actions,.work-cta__actions{width:100%}.work-hero__actions .work-button,.work-cta__actions .work-button{width:100%}.work-dialog__header,.work-dialog__body{padding:22px}.work-dialog__actions{padding:0 22px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Our Work — four portfolio areas */
.work-portfolio-tabs{position:sticky;top:var(--work-header-offset,0px);z-index:100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 0;padding:12px;background:#f4f9fd;border:1px solid var(--w-border);border-radius:12px;box-shadow:0 8px 24px rgba(2,23,47,.08)}.work-portfolio-tab{min-width:0;min-height:67px;padding:15px 12px;border:1px solid var(--w-border);border-bottom:3px solid transparent;border-radius:9px;background:#fff;color:var(--w-navy);font:800 .91rem Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.work-portfolio-tab:hover{border-color:var(--w-blue)}.work-portfolio-tab[aria-selected="true"]{background:var(--w-navy);border-bottom-color:var(--w-red);color:#fff}.work-portfolio-tab:focus-visible{outline:3px solid var(--w-cyan);outline-offset:2px}.work-portfolio-panel{padding-top:25px;scroll-margin-top:calc(var(--work-header-offset,0px) + var(--work-tabs-height,96px))}.work-portfolio-panel[hidden]{display:none!important}.work-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.work-solution{padding:26px;background:#fff;border:1px solid var(--w-border);border-top:3px solid var(--w-blue);border-radius:11px}.work-solution:nth-child(3n+2){border-top-color:var(--w-red)}.work-solution:nth-child(3n){border-top-color:var(--w-cyan)}.work-solution__tag{display:inline-block;color:var(--w-blue);font-size:.73rem;font-weight:850;letter-spacing:.11em}.work-solution h3{margin:13px 0;color:var(--w-navy);font-size:1.13rem;line-height:1.4}.work-solution p,.work-bi-group p{margin:0;color:var(--w-muted);font-size:.92rem;line-height:1.78}.work-portfolio-note{margin:30px 0 0;padding:17px 21px;border-left:3px solid var(--w-blue);background:#eaf4fc;color:var(--w-muted);font-size:.87rem;line-height:1.7}.work-bi-groups{display:grid;gap:25px;margin-top:30px}.work-bi-group{padding:27px;background:#fff;border:1px solid var(--w-border);border-radius:12px}.work-bi-group>h3{font-size:1.4rem;color:var(--w-navy);margin:12px 0}.work-bi-group .work-solution-grid{margin-top:23px}.work-bi-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.work-bi-tools>div{padding:23px;border:1px solid var(--w-border);border-radius:9px;background:var(--w-bg)}.work-bi-tools strong{display:block;color:var(--w-navy);margin-bottom:10px}.work-bi-tools span{display:block;color:var(--w-muted);font-size:.9rem;line-height:1.7}
/* Portfolio category images */
.work-category-visual{width:100%;margin:30px 0 35px;overflow:hidden;border-radius:14px;background:#edf6ff;border:1px solid var(--w-border)}.work-category-visual picture,.work-category-visual img{display:block;width:100%}.work-category-visual img{height:auto;object-fit:contain}
#work-projects{scroll-margin-top:125px}
@media(max-width:950px){.work-portfolio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.work-solution-grid,.work-bi-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.work-portfolio-tabs{gap:7px;padding:8px}.work-portfolio-tab{min-height:56px;padding:10px 6px;font-size:.75rem}}
@media(max-width:600px){.work-portfolio-tabs{gap:8px}.work-portfolio-tab{min-height:70px;font-size:.78rem;padding:12px 7px}.work-solution-grid,.work-bi-tools{grid-template-columns:1fr}.work-bi-group{padding:19px}}