@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#0754b8;--deep:#071d40;--ink:#0c284c;--slate:#566b81;--mist:#f3f7fa;--line:#dbe5ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,'Arial',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1370px;margin:auto;padding:0 52px}.accent-line{height:5px;background:linear-gradient(90deg,#0754b8,#2e83da,#c2d9ec)}.head{background:white;position:relative;z-index:5;border-bottom:1px solid #e4eaf1}.head-inner{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:24px;min-width:0}.brand img{height:88px;width:auto;max-width:245px;object-fit:contain}.brand-copy{padding-left:22px;border-left:1px solid #ccd6e2;display:flex;flex-direction:column;gap:6px;white-space:nowrap}.brand-copy b{font-size:11px;letter-spacing:.095em;color:#576675}.brand-copy span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#0a4eab}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:11px;letter-spacing:.04em;font-weight:800;color:#31465c}.nav .contact-link{padding:14px 18px;background:#0754b8;color:white;border-radius:2px}.nav-btn{display:none;background:none;border:0;font-size:26px;color:#0a356a}.hero{background:linear-gradient(117deg,#071c3c 0%,#082a5a 67%,#0649a2 100%);color:white;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;right:-245px;top:-320px;width:980px;height:980px;border-radius:50%;border:1px solid rgba(206,227,250,.16);box-shadow:0 0 0 160px rgba(60,137,215,.035),0 0 0 330px rgba(60,137,215,.025)}.hero-grid{min-height:585px;display:grid;grid-template-columns:61% 39%;position:relative;z-index:2;align-items:center}.hero-copy{padding:75px 0 86px}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:14px;color:#a8c9eb}.eyebrow:before{content:'';height:2px;width:33px;background:#5fb0ff}.hero h1{font-size:clamp(48px,4.7vw,70px);font-weight:600;letter-spacing:-.065em;line-height:1.14;max-width:790px;margin:28px 0 30px}.hero h1 em{font-style:normal;color:#8ec7ff}.hero .tag{font-size:13px;letter-spacing:.18em;font-weight:800;color:#dcefff;text-transform:uppercase;margin:0 0 23px}.hero p{max-width:610px;font-size:14px;line-height:1.85;color:#d4e0ed;margin:0 0 28px}.hero .cta{display:inline-flex;align-items:center;gap:32px;border:1px solid #a3c6ee;padding:15px 19px;color:white;font-size:12px;font-weight:800}.hero-aside{position:relative;padding:36px 0 36px 64px;border-left:1px solid rgba(255,255,255,.18)}.hero-aside .num{font-size:100px;letter-spacing:-.09em;line-height:1;font-weight:500;color:#8bb7e4}.hero-aside .line{width:70%;height:1px;background:rgba(255,255,255,.25);margin:28px 0}.hero-aside p{font-size:22px;font-weight:500;line-height:1.45;color:white}.hero-aside small{font-size:10px;letter-spacing:.15em;color:#bed5ef}.statement{padding:38px 0;background:#f4f7fb;border-bottom:1px solid #e3eaf1}.statement .wrap{display:flex;gap:50px;align-items:center}.statement strong{min-width:260px;font-size:22px;color:#074d9b}.statement p{margin:0;font-size:14px;color:#586d81;line-height:1.8}.section{padding:100px 0}.slabel{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#0754b8}.slabel:before{content:'';height:2px;width:34px;background:#0754b8}.section h2{font-size:clamp(35px,3.2vw,52px);font-weight:600;line-height:1.17;letter-spacing:-.045em;margin:22px 0}.section h2 em{font-style:normal;color:#0754b8}.section-intro{max-width:750px;color:#5b6f84;font-size:15px;line-height:1.85;margin:0}.work{background:#fff}.case{display:grid;grid-template-columns:53% 47%;gap:0;box-shadow:0 18px 50px rgba(11,35,75,.07);margin-top:45px;border:1px solid #e4eaf1;overflow:hidden;background:#fff}.case.reverse{grid-template-columns:47% 53%}.case-image{background:#eef3f8;min-height:500px;overflow:hidden;position:relative}.case-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.case-image.lechef img{object-position:54% center}.case-image.brainy img{object-position:center 53%}.case-image .art-label{position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.93);padding:9px 13px;font-size:9px;letter-spacing:.11em;font-weight:800;color:#335b82}.case-content{padding:65px 58px 54px}.case-no{font-size:10px;letter-spacing:.15em;color:#0754b8;font-weight:800}.case-content h3{font-size:42px;letter-spacing:-.045em;margin:16px 0 14px;font-weight:650}.case-content h3 small{display:block;font-size:18px;margin-top:4px;letter-spacing:0;color:#506a87}.case-content .lede{font-size:18px;line-height:1.5;color:#173858;font-weight:650}.case-content p{font-size:13px;line-height:1.9;color:#566a80}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.skills span{font-size:9px;padding:9px 10px;border:1px solid #d7e3ef;color:#235a91;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.gallery img{width:100%;height:240px;object-fit:cover;object-position:center}.case-ife-art{min-height:470px;background:linear-gradient(135deg,#071d40,#0c4b92);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:60px}.case-ife-art b{font-size:clamp(85px,10vw,145px);letter-spacing:-.08em;line-height:1;font-weight:700}.case-ife-art span{font-weight:700;letter-spacing:.28em;font-size:15px;border-top:1px solid #9cbce0;padding-top:24px}.disclaimer{font-size:10px;color:#7f90a1;line-height:1.6;margin-top:25px}.capabilities{background:#f3f7fb}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.cap-grid article{background:white;padding:28px 24px;border-top:3px solid #0754b8;min-height:220px}.cap-grid article b{font-size:11px;color:#3175b6;letter-spacing:.13em}.cap-grid h3{font-size:21px;line-height:1.35;letter-spacing:-.03em;margin:25px 0 10px}.cap-grid p{font-size:12px;line-height:1.75;color:#64788c}.end-cta{background:#08234b;color:white;padding:78px 0}.end-grid{display:flex;justify-content:space-between;gap:50px;align-items:center}.end-cta h2{font-size:38px;letter-spacing:-.04em;line-height:1.25;margin:0 0 16px}.end-cta p{font-size:14px;color:#c9d8e8;line-height:1.8;margin:0}.end-cta a{background:#fff;color:#0754b8;font-size:13px;font-weight:800;padding:18px 25px;white-space:nowrap}.footer{padding:40px 0;background:white}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand img{height:55px}.footer .brand-copy{padding-left:15px}.footer a,.footer p{font-size:12px;line-height:1.8;color:#516b82;margin:0}.foot-info{display:flex;flex-direction:column;gap:5px}button{cursor:pointer}@media(max-width:1050px){.wrap{padding:0 26px}.head-inner{min-height:102px}.brand img{height:67px}.brand-copy{padding-left:15px}.brand-copy b{font-size:9px}.brand-copy span{font-size:9px}.nav{gap:16px}.nav a{font-size:10px}.hero-grid{grid-template-columns:65% 35%}.hero-aside{padding-left:25px}.case-content{padding:36px 34px}.case-content h3{font-size:34px}.cap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{padding:0 22px}.head-inner{min-height:90px}.brand{gap:9px}.brand img{height:58px}.brand-copy{padding-left:10px;gap:4px}.brand-copy b{font-size:8px}.brand-copy span{font-size:7px}.nav-btn{display:block}.nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;padding:28px;box-shadow:0 12px 24px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}.nav.show{display:flex}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 0 52px}.hero h1{font-size:clamp(41px,9vw,58px)}.hero p{font-size:13px}.hero-aside{display:none}.statement .wrap{display:block}.statement strong{font-size:20px}.statement p{margin-top:12px}.section{padding:62px 0}.case,.case.reverse{grid-template-columns:1fr}.case-image{min-height:340px}.case.reverse .case-image{order:-1}.case-content{padding:32px 25px 36px}.case-content h3{font-size:32px}.gallery img{height:160px}.cap-grid{grid-template-columns:1fr 1fr;gap:12px}.cap-grid article{padding:21px 16px}.cap-grid h3{font-size:17px}.end-grid,.footer-row{flex-direction:column;align-items:flex-start}.end-cta h2{font-size:29px}.case-ife-art{min-height:320px}.footer .brand img{height:48px}}

/* 2026-11-08 responsive and contact corrections */
.head-inner{min-width:0}
.head .brand{flex:0 1 auto;min-width:0}
.brand-copy{min-width:0}
.end-cta .direct-contact{display:flex;gap:12px 26px;align-items:center;flex-wrap:wrap;margin-top:14px}
.end-cta .direct-contact a{background:transparent;color:#fff;padding:0;white-space:normal;overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:1.6}
.end-cta .direct-contact a:hover{text-decoration:underline}
.end-cta .contact-intro{font-size:14px;color:#d1e3f4}
.end-cta .contact-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#fff;color:#0754b8;padding:20px 28px;font-size:13px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.footer .foot-info a{overflow-wrap:anywhere}
@media(max-width:1050px){.head .brand{flex:1 1 auto}.brand-copy{white-space:normal}.nav{flex:0 0 auto}}
@media(max-width:760px){
  .head-inner{min-height:102px;gap:10px;display:flex;align-items:center;justify-content:space-between}
  .head .brand{display:flex;align-items:center;gap:12px;flex:1 1 auto;width:0;min-width:0}
  .head .brand img{display:block;width:clamp(108px,30vw,165px);height:auto;max-width:unset;flex:0 0 auto}
  .head .brand-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;margin:0;padding-left:10px;border-left:1px solid #c8d5e4;min-width:0;white-space:normal}
  .head .brand-copy b{display:block;font-size:clamp(8px,2.2vw,10px);line-height:1.35;letter-spacing:.025em;overflow-wrap:normal}
  .head .brand-copy span{display:block;font-size:clamp(8px,2.0vw,10px);line-height:1.35;letter-spacing:.07em;overflow-wrap:normal}
  .nav-btn{display:block;flex:0 0 35px;padding:7px 2px;text-align:center;line-height:1.2}
  .nav{top:100%;max-width:100%;z-index:10}
  .hero-copy{padding:60px 0 63px}
  .hero h1{font-size:clamp(39px,9vw,57px);letter-spacing:-.047em;line-height:1.15}
  .hero .tag{font-size:11px;letter-spacing:.14em;line-height:1.6}
  .end-cta{padding:64px 0}
  .end-grid{display:flex;flex-direction:column;align-items:stretch;gap:32px}
  .end-cta h2{font-size:clamp(32px,8.2vw,42px);line-height:1.18;margin-bottom:20px}
  .end-cta .contact-intro{font-size:13px;line-height:1.6;max-width:100%}
  .end-cta .direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:17px}
  .end-cta .direct-contact a{font-size:16px;line-height:1.5}
  .end-cta .contact-button{align-self:flex-start;min-height:58px;padding:18px 25px}
  .footer-row{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
  .footer .brand{width:100%;display:flex;align-items:center;gap:12px}
  .footer .brand img{height:auto;width:clamp(125px,33vw,170px);max-width:45%}
  .footer .brand-copy{white-space:normal;min-width:0;padding-left:12px;gap:5px;flex:1}
  .footer .brand-copy b{font-size:clamp(8px,2.1vw,10px);line-height:1.4;letter-spacing:.04em}
  .footer .brand-copy span{font-size:clamp(8px,2vw,10px);line-height:1.4;letter-spacing:.06em}
  .footer .foot-info{gap:8px}
  .footer .foot-info a{font-size:13px}
}
@media(max-width:359px){.wrap{padding:0 17px}.head .brand{gap:8px}.head .brand img{width:102px}.head .brand-copy{padding-left:8px}.head-inner{gap:6px}.nav-btn{flex-basis:30px}.hero h1{font-size:36px}}

/* Contact phone and email icons: subtle, on-brand white line art */
.end-cta .direct-contact a{display:inline-flex;align-items:center;gap:11px;max-width:100%;text-decoration:none}
.end-cta .direct-contact .contact-svg{display:block;flex:0 0 21px;width:21px;height:21px;color:#b3d8ff}
.end-cta .direct-contact a span{overflow-wrap:anywhere}
@media(max-width:760px){.end-cta .direct-contact a{gap:12px}}