*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020817;color:#fff;font-family:Inter,Arial,sans-serif}.page{min-height:100vh;background:linear-gradient(180deg,#020817,#030b18 58%,#020817)}.nav{height:76px;padding:15px 3%;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand strong{font-size:39px;letter-spacing:-4px;font-weight:500}.brand span{font-size:9px;letter-spacing:3px}.nav nav{display:flex;align-items:center;gap:38px;font-size:9px}.nav nav a{padding:12px 0;color:#fff}.nav .active{color:#00e3e7;border-bottom:2px solid #00e3e7}.contact{border:1px solid #69758a;padding:12px 18px!important}.contact b{margin-left:15px}.menu{display:none}.hero{height:385px;position:relative;overflow:hidden}.hero-art{position:absolute;right:0;top:-76px;width:64%;height:465px;background:url('assets/hero-bridge.jpg') right center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020817 0%,#020817 33%,rgba(2,8,23,.85) 48%,rgba(2,8,23,.15) 80%)}.hero-copy{position:relative;z-index:2;padding:32px 0 0 4.4%;width:52%}.eyebrow{font-size:11px;letter-spacing:.7px;color:#00e3e7}.hero h1{font-size:42px;line-height:1.06;font-weight:500;letter-spacing:-1.6px;margin:14px 0}.hero h1 span{background:linear-gradient(90deg,#914cff,#e04abd,#ff7140);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:15px;line-height:1.7;color:#d0d6df;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.button{color:#fff;text-decoration:none;border:1px solid #657186;padding:11px 14px;font-size:10px;letter-spacing:.5px}.button.primary{border-color:#00dfe4}.button span{margin-left:16px;color:#00e3e7}.stats{margin:16px 4.3% 0;border:1px solid #24354b;border-radius:5px;display:grid;grid-template-columns:repeat(5,1fr);background:#061220}.stats>div{padding:15px 12px;text-align:center;border-right:1px solid #28384b}.stats>div:last-child{border-right:0}.stats i{font-style:normal;font-size:23px;color:#00e3e7;display:inline-block;margin-right:7px}.stats strong{font-size:27px;font-weight:300;color:#00e3e7}.stats b{display:block;font-size:8px;margin-top:4px}.stats span{display:block;color:#8c99a9;font-size:9.5px;margin-top:3px}.purple{color:#c64eff!important}.orange{color:#ff6b16!important}.story{padding:18px 4.3% 0;display:grid;grid-template-columns:.76fr 1.24fr;gap:33px}.story-copy{padding:8px 0}.story h2{font-size:24px;line-height:1.25;font-weight:400;margin:10px 0 15px}.story-copy p{font-size:14px;line-height:1.78;color:#b7c1cd;margin:0 0 14px}.world-card{border:1px solid #27374a;border-radius:6px;background:#061220;padding:15px}.world-card img{display:block;width:100%;height:330px;object-fit:cover;margin-top:8px}.legend{display:flex;gap:25px;font-size:9.5px;color:#8d99a8;padding-top:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.office{background:#00e3e7}.project{background:#ab54ff}.values-row{margin:12px 4.3% 0;border:1px solid #24354b;display:grid;grid-template-columns:repeat(6,1fr);background:#061220}.values-row article{padding:17px;border-right:1px solid #25364a}.values-row article:last-child{border-right:0}.value-icon{font-size:22px;color:#00e3e7}.values-row h3{font-size:13px;font-weight:500;margin:8px 0 5px}.values-row p{font-size:11px;line-height:1.55;color:#8c99a8;margin:0}.work,.projects,.trusted,.why{padding:26px 4.3% 0}.work h2{font-size:25px;font-weight:400;margin:8px 0 5px}.section-intro{font-size:13px;line-height:1.65;color:#9aa6b4;max-width:600px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:15px}.steps article{border:1px solid #223349;background:#05111f;padding:15px 13px;min-height:190px;position:relative}.steps span{font-size:15px;color:#00e3e7}.steps h3{font-size:13px;font-weight:500;margin:9px 0 7px}.steps p{font-size:11px;line-height:1.62;color:#8f9cab}.steps i{position:absolute;right:-10px;top:65px;color:#00e3e7;font-size:18px;font-style:normal;z-index:2}.statement{margin-top:9px;border:1px solid transparent;background:linear-gradient(#061220,#061220) padding-box,linear-gradient(90deg,#d54fd2,#ff7044,#00dfe4) border-box;padding:9px;text-align:center;font-size:13px}.expertise-industries{padding:22px 4.3% 0;display:grid;grid-template-columns:.55fr 1.45fr;gap:28px}.av-copy h2{font-size:24px;line-height:1.2;font-weight:400;margin:9px 0 12px}.av-copy>p{font-size:13px;line-height:1.7;color:#aeb9c6}.av-copy ul{padding:0;list-style:none}.av-copy li{font-size:11.5px;color:#b8c2ce;margin:6px 0}.av-copy li:before{content:'◉';color:#00e3e7;margin-right:7px}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:11px}.industry-grid article{--accent:#00e3e7;border:1px solid #223349;background:#061220;padding:13px;min-height:105px}.industry-grid article.cyan{--accent:#00e3e7}.industry-grid article.purple-card{--accent:#c64eff}.industry-grid article.orange-card{--accent:#ff6b16}.industry-grid article div{font-size:24px;color:var(--accent)}.industry-grid h3{font-size:12px;font-weight:400;line-height:1.35;margin:15px 0 0}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px}.project-grid article{border:1px solid #223349;background:#061220;min-height:305px;overflow:hidden}.visual{height:74px;display:grid;place-items:center;font-size:17px;font-weight:600;background:radial-gradient(circle at 60% 30%,rgba(100,65,255,.4),transparent 50%),linear-gradient(135deg,#12233c,#08101e)}.hardrock{font-family:Georgia,serif;font-style:italic}.uab{background:linear-gradient(135deg,#172b35,#112542)}.china-card{background:linear-gradient(135deg,#0b2952,#1d3c78)}.mia{background:linear-gradient(135deg,#101938,#533462)}.amex{background:linear-gradient(135deg,#103578,#0b1530)}.ua{background:linear-gradient(135deg,#4c0717,#a50c2d);font-family:Georgia,serif;font-size:38px}.project-grid h3{font-size:12px;font-weight:500;margin:11px 10px 6px}.project-grid p{font-size:10.5px;line-height:1.6;color:#8996a6;margin:0 10px 13px}.trusted img{display:block;width:100%;height:92px;object-fit:contain;object-position:center;margin-top:8px;border:1px solid #223349;border-radius:4px}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px}.why-grid article{border:1px solid #223349;background:#061220;padding:14px;min-height:120px}.why-grid article>div{font-size:20px;color:#00e3e7}.why-grid h3{font-size:12px;font-weight:500;margin:9px 0 5px}.why-grid p{font-size:10.5px;line-height:1.58;color:#8996a6}.final-cta{margin:15px 4.3% 22px;position:relative;overflow:hidden;border:1px solid #087d88;border-radius:5px;display:grid;grid-template-columns:50px 1fr 190px;align-items:center;padding:14px 18px;background:#061220}.cta-texture{position:absolute;right:0;bottom:0;width:55%;height:100%;background:url('assets/cta-texture.png') center/cover no-repeat;opacity:.45}.cta-icon{position:relative;z-index:2;color:#00e3e7;font-size:28px}.final-cta>div:nth-child(3){position:relative;z-index:2}.final-cta h2{font-size:18px;font-weight:400;margin:0 0 3px}.final-cta h2 span{color:#ef4e9f}.final-cta p{font-size:11px;color:#9ca8b7;margin:0}.final-cta a{position:relative;z-index:2;border:1px solid #5d6a7e;color:#fff;padding:13px;text-align:center;font-size:10.5px}.final-cta a b{color:#00e3e7;margin-left:20px}
@media(max-width:1000px){.nav nav{gap:18px}.story{grid-template-columns:minmax(0,1fr)}.values-row{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-industries{grid-template-columns:minmax(0,1fr)}.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.nav nav{display:none}.menu{display:block;background:none;border:0;color:#fff;font-size:23px}.hero{height:540px}.hero-art{width:100%;height:390px;top:0;opacity:.55}.hero:after{background:linear-gradient(90deg,#020817 0%,rgba(2,8,23,.9) 75%,rgba(2,8,23,.45))}.hero-copy{width:auto;padding:55px 22px 0}.hero h1{font-size:38px}.stats{grid-template-columns:1fr 1fr;margin:0 22px}.story,.work,.projects,.trusted,.why,.expertise-industries{padding-left:22px;padding-right:22px}.values-row{margin-left:22px;margin-right:22px;grid-template-columns:1fr 1fr}.steps,.industry-grid,.project-grid,.why-grid{grid-template-columns:1fr 1fr}.final-cta{margin-left:22px;margin-right:22px;grid-template-columns:minmax(0,1fr);gap:12px}.cta-icon{display:none}.world-card img{height:210px}}

/* === V3 readability + motion pass === */
body{font-size:16px}
.eyebrow{font-size:12px!important}
.nav nav{font-size:11px!important}
.hero p{font-size:16px!important;line-height:1.72!important}
.hero h1{font-size:48px!important}
.stats b{font-size:11px!important}
.stats span{font-size:10px!important}
.story h2,.work h2,.av-copy h2{font-size:30px!important}
.story-copy p{font-size:15px!important;line-height:1.82!important}
.world-card img{height:400px!important;object-fit:contain!important;background:#061220}
.legend{font-size:11px!important}
.values-row h3{font-size:13px!important}
.values-row p{font-size:11px!important;line-height:1.62!important}
.section-intro{font-size:14px!important;line-height:1.72!important}
.steps h3{font-size:14px!important}
.steps p{font-size:12px!important;line-height:1.65!important}
.statement{font-size:14px!important;padding:14px!important}
.av-copy>p{font-size:14px!important;line-height:1.78!important}
.av-copy li{font-size:12px!important;margin:8px 0!important}
.industry-grid h3{font-size:13px!important;line-height:1.45!important}
.project-grid h3{font-size:13px!important}
.project-grid p{font-size:11.5px!important;line-height:1.68!important}
.why-grid h3{font-size:12.5px!important}
.why-grid p{font-size:11px!important;line-height:1.62!important}
.final-cta p{font-size:11px!important}

/* featured project logos */
.logo-visual{display:flex!important;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 30%,rgba(98,75,255,.22),transparent 52%),linear-gradient(135deg,#0c1a2c,#07101d)!important}
.logo-visual img{max-width:72%;max-height:44px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.logo-visual span{font-size:9px;letter-spacing:.8px;color:#c8d0da}
.ua-logo{background:linear-gradient(135deg,#500916,#9b0d28)!important}
.ua-logo img{filter:grayscale(1) brightness(0) invert(1);max-height:52px}

/* moving trusted-logo marquee */
.trusted{overflow:hidden}
.logo-marquee{margin-top:12px;border:1px solid #223349;border-radius:5px;background:#061220;overflow:hidden;position:relative;height:96px;display:flex;align-items:center}
.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:3;pointer-events:none}
.logo-marquee:before{left:0;background:linear-gradient(90deg,#061220,transparent)}
.logo-marquee:after{right:0;background:linear-gradient(-90deg,#061220,transparent)}
.logo-track{display:flex;align-items:center;width:max-content;animation:logoScroll 28s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.client-logo{width:190px;height:82px;display:flex;align-items:center;justify-content:center;padding:13px 26px;flex:0 0 auto}
.client-logo img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.95}
@keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ms-logo{gap:10px!important}
.ms-logo img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;min-width:32px!important;flex:0 0 32px!important;object-fit:contain!important}
.ms-logo span{color:#fff!important;font-size:19px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;flex:0 0 auto}

/* dynamic interactions */
.values-row article,.steps article,.industry-grid article,.project-grid article,.why-grid article{
 transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease
}
.values-row article:hover,.steps article:hover,.industry-grid article:hover,.project-grid article:hover,.why-grid article:hover{
 transform:translateY(-6px);
 border-color:rgba(0,227,231,.5);
 box-shadow:0 14px 35px rgba(0,0,0,.22);
 background:#081629
}
.project-grid article:hover .visual{transform:scale(1.025)}
.visual{transition:transform .35s ease}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.in-view{opacity:1;transform:none}
.hero-art{animation:heroDrift 14s ease-in-out infinite alternate}
@keyframes heroDrift{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.04) translateX(-8px)}}
.world-card{transition:transform .35s ease,box-shadow .35s ease}
.world-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.22)}

/* More breathing room for larger copy */
.steps article{min-height:220px!important}
.project-grid article{min-height:335px!important}
.industry-grid article{min-height:140px!important}
.why-grid article{min-height:170px!important}

@media(max-width:700px){
 .hero h1{font-size:40px!important}
 .hero p{font-size:15px!important}
 .world-card img{height:280px!important}
 .client-logo{width:160px}
}

/* V4 layout corrections */
.world-card{padding:20px!important}
.world-card>.eyebrow{font-size:13px!important;margin-bottom:8px}
.world-card img{height:430px!important;width:100%!important;object-fit:contain!important}
.legend{padding-top:13px!important;font-size:12px!important}
.story{align-items:start}

/* Project imagery: real local graphics from approved design */
.project-image{height:92px!important;overflow:hidden!important;background:#07111f!important}
.project-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;max-width:none!important;max-height:none!important}
.project-grid article:hover .project-image img{transform:scale(1.045)}
.project-image img{transition:transform .45s ease}

/* Moving local client logos */
.logo-marquee{height:110px!important}
.client-logo{width:210px!important;height:100px!important;padding:12px 20px!important}
.client-logo img{max-height:68px!important;max-width:100%!important;filter:none!important;opacity:1!important}

/* Make the dynamic behavior visible throughout, but restrained */
.stats>div{position:relative;overflow:hidden;transition:background .3s ease}
.stats>div:after{content:"";position:absolute;left:-100%;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00e3e7,transparent);transition:left .6s ease}
.stats>div:hover{background:#08172a}.stats>div:hover:after{left:100%}

.values-row article:before,.industry-grid article:before,.why-grid article:before{
 content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
 background:radial-gradient(circle at 50% 0%,rgba(0,227,231,.11),transparent 55%);
 transition:opacity .3s ease
}
.values-row article,.industry-grid article,.why-grid article{position:relative;overflow:hidden}
.values-row article:hover:before,.industry-grid article:hover:before,.why-grid article:hover:before{opacity:1}

.industry-grid article div,.value-icon,.why-grid article>div{
 transition:transform .35s ease,text-shadow .35s ease
}
.industry-grid article:hover div,.values-row article:hover .value-icon,.why-grid article:hover>div{
 transform:translateY(-3px) scale(1.08);text-shadow:0 0 18px currentColor
}

/* Process flow softly activates in sequence */
.steps article{animation:processGlow 8s ease-in-out infinite}
.steps article:nth-child(2){animation-delay:1s}.steps article:nth-child(3){animation-delay:2s}
.steps article:nth-child(4){animation-delay:3s}.steps article:nth-child(5){animation-delay:4s}.steps article:nth-child(6){animation-delay:5s}
@keyframes processGlow{
 0%,75%,100%{border-color:#223349;box-shadow:none}
 10%,22%{border-color:rgba(0,227,231,.48);box-shadow:0 0 24px rgba(0,227,231,.07)}
}

/* Subtle moving accent across statement and CTA */
.statement,.final-cta{background-size:200% 100%!important;animation:accentShift 10s ease-in-out infinite alternate}
@keyframes accentShift{from{background-position:0% 50%}to{background-position:100% 50%}}

/* Map and hero receive gentle depth only */
.world-card img{transition:transform 8s ease}
.world-card:hover img{transform:scale(1.018)}

/* ======================================================
   V5: Only hero, map and logos use image assets.
   Everything else is HTML/CSS.
   ====================================================== */

/* AV expertise - fill the former empty area */
.expertise-industries{display:block!important;padding-top:46px!important}
.av-expertise-full{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;padding-bottom:48px;border-bottom:1px solid #203147}
.av-intro h2,.industry-heading h2,.projects-head h2{font-size:31px!important;line-height:1.2;font-weight:400;letter-spacing:-.7px;margin:10px 0 16px}
.av-intro>p{font-size:14px;line-height:1.78;color:#aeb9c7;margin:0 0 16px}
.av-callout{margin-top:23px;padding:20px 21px;border-left:2px solid #00e3e7;background:linear-gradient(90deg,rgba(0,227,231,.07),transparent)}
.av-callout strong{font-size:14px;font-weight:500;display:block;margin-bottom:7px}
.av-callout span{font-size:12px;line-height:1.65;color:#98a6b6}
.av-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.av-capability-grid article{position:relative;min-height:155px;border:1px solid #223349;background:#061220;padding:21px;overflow:hidden;transition:.28s ease}
.av-capability-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(0,227,231,.10),transparent 50%);opacity:0;transition:.28s}
.av-capability-grid article:hover{transform:translateY(-4px);border-color:rgba(0,227,231,.5);background:#08172a}
.av-capability-grid article:hover:before{opacity:1}
.av-capability-grid article>span{font-size:10px;color:#00e3e7;letter-spacing:1px;position:relative}
.av-capability-grid h3{font-size:14px;font-weight:500;line-height:1.35;margin:17px 0 8px;position:relative}
.av-capability-grid p{font-size:11.5px;line-height:1.64;color:#95a2b3;margin:0;position:relative}

.industry-area{padding-top:42px}
.industry-heading{display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:end;margin-bottom:18px}
.industry-heading>p{font-size:13px;line-height:1.68;color:#98a5b4;margin:0}
.industry-grid{grid-template-columns:repeat(5,1fr)!important}
.industry-grid article{min-height:132px!important}

/* Featured Work: clean, image-free editorial cards */
.projects{padding-top:47px!important}
.projects-head{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:end;margin-bottom:22px}
.projects-head>p{font-size:13px;line-height:1.68;color:#98a5b4;margin:0}
.project-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.project-grid article{min-height:335px!important;padding:0 23px 22px!important;position:relative;border:1px solid #223349;background:linear-gradient(145deg,#071426,#05101e);overflow:hidden;transition:.3s ease}
.project-grid article:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#00e3e7,#a653ff,#ff6b16);transition:width .4s ease}
.project-grid article:hover{transform:translateY(-5px);border-color:#394d66!important;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.project-grid article:hover:after{width:100%}
.project-mark{height:91px;margin:0 -23px 20px;padding:0 23px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid #223349}
.project-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%),repeating-linear-gradient(120deg,rgba(255,255,255,.025) 0 1px,transparent 1px 17px)}
.project-mark span,.project-mark small{position:relative;z-index:2}
.project-mark span{font-size:20px;font-weight:500;letter-spacing:.2px}
.project-mark small{font-size:9px;letter-spacing:1.4px;color:#91a0b2;margin-top:4px}
.hardrock-mark{background:radial-gradient(circle at 70% 50%,rgba(116,74,255,.24),transparent 38%),#081427}
.hardrock-mark span{font-family:Georgia,serif;font-style:italic}
.uab-mark{background:radial-gradient(circle at 70% 50%,rgba(0,227,231,.15),transparent 42%),#0a1928}
.china-mark{background:radial-gradient(circle at 72% 50%,rgba(40,111,255,.22),transparent 42%),#0a1b37}
.mia-mark{background:radial-gradient(circle at 72% 50%,rgba(166,83,255,.2),transparent 42%),#11142e}
.amex-mark{background:radial-gradient(circle at 72% 50%,rgba(31,107,255,.28),transparent 42%),#0a1832}
.ua-mark{background:radial-gradient(circle at 72% 50%,rgba(255,255,255,.08),transparent 42%),#720b25}
.ua-mark span{font-family:Georgia,serif;font-size:34px}
.project-type{font-size:9px!important;letter-spacing:1px;color:#00e3e7;margin-bottom:11px}
.project-grid h3{font-size:15px!important;line-height:1.35;margin:0 0 10px!important}
.project-grid p{font-size:12px!important;line-height:1.72!important;margin:0!important;color:#9eabba!important}
.project-path{position:absolute;left:23px;right:23px;bottom:19px;border-top:1px solid #223349;padding-top:12px;color:#718095;font-size:8.5px;letter-spacing:.6px}
.project-path b{color:#00e3e7;font-weight:400;margin:0 4px}

/* Client logo images only */
.trusted{padding-top:44px!important}
.trusted-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
.trusted-head>span{font-size:10.5px;color:#768496}
.logo-marquee{height:108px!important;background:#061220!important}
.logo-track{animation:logoScroll 30s linear infinite!important}
.client-logo{width:205px!important;height:104px!important;padding:10px 13px!important}
.client-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}

/* Remove any old project/CTA image behavior */
.project-image,.project-image img,.logo-visual,.logo-visual img{display:none!important}
.cta-texture{display:none!important}
.final-cta{
 background:
 radial-gradient(ellipse at 78% 50%,rgba(114,71,255,.14),transparent 35%),
 linear-gradient(90deg,#061220,#08152a)!important;
}
.final-cta:before{
 content:"";position:absolute;right:-4%;bottom:-45%;width:52%;height:180%;
 background-image:radial-gradient(circle,rgba(0,227,231,.28) 1px,transparent 1.2px);
 background-size:18px 18px;opacity:.18;transform:rotate(-8deg);pointer-events:none
}

/* Additional dynamics, all CSS/HTML */
.eyebrow{position:relative;display:inline-block}
.eyebrow:after{content:"";position:absolute;left:0;bottom:-5px;width:28px;height:1px;background:#00e3e7;animation:eyebrowPulse 3.2s ease-in-out infinite}
@keyframes eyebrowPulse{0%,100%{width:28px;opacity:.55}50%{width:58px;opacity:1}}

.industry-grid article:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);transition:width .35s ease}
.industry-grid article:hover:after{width:100%}

.values-row article:nth-child(odd),.why-grid article:nth-child(odd){animation:softFloatA 7s ease-in-out infinite}
.values-row article:nth-child(even),.why-grid article:nth-child(even){animation:softFloatB 8s ease-in-out infinite}
@keyframes softFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes softFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}

/* Keep hero buttons clear of stats */
.hero{height:405px!important}
.hero-art{height:485px!important}
.stats{margin-top:18px!important}

@media(max-width:1050px){
 .av-expertise-full{grid-template-columns:minmax(0,1fr)}
 .industry-heading,.projects-head{grid-template-columns:minmax(0,1fr);gap:12px}
 .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .av-capability-grid,.industry-grid,.project-grid{grid-template-columns:1fr!important}
 .project-grid article{min-height:320px!important}
 .trusted-head{display:block}.trusted-head>span{display:block;margin-top:8px}
}

.project-grid article.auto-active{border-color:rgba(0,227,231,.42);box-shadow:0 10px 34px rgba(0,227,231,.05)}
.project-grid article.auto-active:after{width:100%}

/* ======================================================
   V6 - Expandable "Why Clients Choose AG Consulting"
   ====================================================== */
.why{padding-top:46px!important}
.why-grid{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:6px!important;
  margin-top:12px!important;
}
.why-card{
  --why-accent:#00e3e7;
  appearance:none;
  border:1px solid #223349;
  background:#061220;
  color:#fff;
  text-align:left;
  padding:20px 17px 18px;
  min-height:185px;
  position:relative;
  cursor:pointer;
  overflow:hidden;
  font:inherit;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.why-card:nth-child(2),.why-card:nth-child(6){--why-accent:#c64eff}
.why-card:nth-child(5){--why-accent:#ff6b16}
.why-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--why-accent) 13%,transparent),transparent 52%);
  opacity:0;
  transition:opacity .28s ease;
}
.why-card:hover,.why-card.active{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--why-accent) 58%,#fff 10%);
  background:#08172a;
  box-shadow:0 16px 34px rgba(0,0,0,.20);
}
.why-card:hover:before,.why-card.active:before{opacity:1}
.why-card.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  background:var(--why-accent);
  box-shadow:0 0 15px var(--why-accent);
}
.why-card .why-icon{position:relative;font-size:23px;color:var(--why-accent);transition:transform .28s ease,text-shadow .28s ease}
.why-card:hover .why-icon,.why-card.active .why-icon{transform:translateY(-2px) scale(1.08);text-shadow:0 0 16px currentColor}
.why-card h3{position:relative;font-size:14px!important;font-weight:500;margin:14px 0 8px!important}
.why-card p{position:relative;font-size:11.5px!important;line-height:1.62!important;color:#96a3b3!important;margin:0 0 23px!important}
.why-more{position:absolute;left:17px;bottom:15px;color:var(--why-accent);font-size:9px;letter-spacing:.9px}
.why-more b{font-size:15px;font-weight:300;margin-left:9px;display:inline-block;transition:transform .25s ease}
.why-card.active .why-more b{transform:rotate(45deg)}

.why-detail{
  --detail:#00e3e7;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:48px;
  position:relative;
  overflow:hidden;
  max-height:0;
  opacity:0;
  margin-top:0;
  padding:0 36px;
  border:0 solid #26384e;
  background:
    radial-gradient(circle at 84% 24%,color-mix(in srgb,var(--detail) 14%,transparent),transparent 32%),
    linear-gradient(135deg,#061321,#08172a);
  transition:max-height .48s ease,opacity .25s ease,padding .4s ease,margin .4s ease,border-width .2s ease;
}
.why-detail.open{
  max-height:1200px;
  opacity:1;
  margin-top:14px;
  padding:36px 36px 38px;
  border-width:1px;
}
.why-detail-accent{
  position:absolute;
  top:0;left:0;width:16.6667%;height:2px;
  background:var(--detail);
  box-shadow:0 0 17px var(--detail);
  transition:left .35s ease,background .3s ease;
}
.why-detail-copy{position:relative;z-index:2}
.why-detail-copy>.eyebrow{color:var(--detail)}
.why-detail-copy h2{
  font-size:30px!important;
  line-height:1.22;
  font-weight:400;
  letter-spacing:-.8px;
  max-width:760px;
  margin:11px 0 14px;
}
.why-detail-copy>p{
  font-size:14px!important;
  line-height:1.8!important;
  color:#b5c0cd!important;
  max-width:820px;
  margin:0 0 24px!important;
}
.why-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
}
.why-point{
  background:#061220;
  padding:18px 19px;
  min-height:112px;
}
.why-point strong{
  display:block;
  font-size:12.5px;
  font-weight:500;
  margin-bottom:6px;
}
.why-point span{
  display:block;
  font-size:11px;
  line-height:1.6;
  color:#93a0b1;
}
.why-example{
  margin-top:22px;
  padding:18px 19px;
  border-left:2px solid var(--detail);
  background:linear-gradient(90deg,color-mix(in srgb,var(--detail) 7%,transparent),transparent);
}
.why-example .eyebrow{font-size:9px!important;color:var(--detail)}
.why-example p{font-size:12.5px!important;line-height:1.7!important;color:#aeb9c6!important;margin:8px 0 0!important}

.why-graphic{
  position:relative;
  z-index:2;
  min-height:330px;
  display:grid;
  place-items:center;
}
.why-orbit{
  width:285px;
  height:285px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
  animation:whySpin 24s linear infinite;
}
.why-orbit:before,.why-orbit:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.why-orbit:before{inset:34px}
.why-orbit:after{inset:70px}
.why-core{
  width:118px;height:118px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  border:1px solid var(--detail);
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--detail) 18%,#0c1830),#020817 72%);
  box-shadow:0 0 34px color-mix(in srgb,var(--detail) 17%,transparent);
  color:#fff;font-size:12px;letter-spacing:1.2px;
  animation:whySpinReverse 24s linear infinite;
}
.why-node{
  position:absolute;width:10px;height:10px;border-radius:50%;
  background:var(--detail);box-shadow:0 0 13px var(--detail)
}
.why-node.a{top:-5px;left:137px}
.why-node.b{right:17px;bottom:55px}
.why-node.c{left:20px;top:92px}
.why-tag{
  position:absolute;font-size:9px;letter-spacing:1px;color:#97a4b3;
  animation:whySpinReverse 24s linear infinite;
}
.why-tag.a{right:-54px;top:45px}
.why-tag.b{left:-52px;bottom:58px}
.why-tag.c{right:-62px;bottom:126px}
@keyframes whySpin{to{transform:rotate(360deg)}}
@keyframes whySpinReverse{to{transform:rotate(-360deg)}}

@media(max-width:1100px){
  .why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .why-detail{grid-template-columns:minmax(0,1fr)}
  .why-graphic{min-height:285px}
}
@media(max-width:700px){
  .why-grid{grid-template-columns:1fr!important}
  .why-detail.open{padding:28px 20px;max-height:1800px}
  .why-points{grid-template-columns:minmax(0,1fr)}
  .why-detail-copy h2{font-size:25px!important}
  .why-orbit{width:225px;height:225px}
  .why-core{width:95px;height:95px}
  .why-node.a{left:107px}
}

/* V7 Editorial Flow + Readability (desktop-scale refinement — was previously unscoped and clobbering the mobile single-column layout below) */
@media(min-width:1001px){
body{font-size:17px!important}
section{scroll-margin-top:90px}
.hero{height:455px!important}.hero-copy{padding-top:50px!important}.hero h1{font-size:56px!important;line-height:1.03!important}.hero p{font-size:17px!important;line-height:1.75!important;max-width:620px!important}.button{font-size:10px!important;padding:13px 17px!important}
.stats{margin-top:28px!important}.stats>div{padding:24px 16px!important}.stats strong{font-size:34px!important}.stats b{font-size:12px!important}.stats span{font-size:10.5px!important}
.editorial-section{padding:92px 7.5%;display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;position:relative}.editorial-section:after{content:"";position:absolute;left:7.5%;right:7.5%;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.03),transparent)}.editorial-label{font-size:11px;letter-spacing:1.2px;color:#00e3e7;padding-top:8px}.editorial-main{max-width:1180px}.editorial-main h2{font-size:45px;line-height:1.15;font-weight:400;letter-spacing:-1.5px;margin:0 0 28px;max-width:980px}.editorial-main h2 span{background:linear-gradient(90deg,#914cff,#e04abd,#ff7140);-webkit-background-clip:text;background-clip:text;color:transparent}.editorial-lead{font-size:21px!important;line-height:1.68!important;color:#e0e5eb!important;max-width:980px;margin:0 0 38px!important}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:1180px}.editorial-columns p{font-size:14.5px;line-height:1.85;color:#aeb8c6;margin:0}.who-we-are{background:radial-gradient(circle at 85% 25%,rgba(78,76,210,.08),transparent 32%),#020817}
.belief-section{background:radial-gradient(circle at 13% 68%,rgba(0,227,231,.05),transparent 32%),linear-gradient(180deg,#03101c,#020817)}.belief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:42px}.belief-grid article{border:1px solid #24354a;background:linear-gradient(145deg,#071426,#05101e);padding:28px 30px;min-height:215px;transition:.3s ease}.belief-grid article:hover{transform:translateY(-4px);border-color:#3c526c;background:#08182b}.belief-grid article>span{font-size:10px;color:#00e3e7;letter-spacing:1px}.belief-grid h3{font-size:18px;font-weight:500;margin:22px 0 10px}.belief-grid p{font-size:13.5px;line-height:1.76;color:#a7b2c0;margin:0}.belief-section blockquote{font-size:25px;line-height:1.5;font-weight:300;color:#f2f5f8;border-left:2px solid #00e3e7;padding:22px 0 22px 28px;margin:42px 0 0;max-width:980px}
.story{padding:88px 7.5% 78px!important;grid-template-columns:.72fr 1.28fr!important;gap:55px!important}.story h2{font-size:34px!important}.story-copy p{font-size:15px!important;line-height:1.85!important}.world-card{padding:26px!important}.world-card img{height:470px!important}.values-row{margin:0 7.5%!important}.values-row article{padding:25px 20px!important;min-height:160px}.values-row h3{font-size:14px!important}.values-row p{font-size:12px!important}
.work{padding:88px 7.5% 0!important}.work h2{font-size:36px!important}.section-intro{font-size:15px!important;max-width:760px!important}.steps{margin-top:30px!important}.steps article{min-height:240px!important;padding:23px 20px!important}.steps span{font-size:18px!important}.steps h3{font-size:15px!important}.steps p{font-size:12.5px!important;line-height:1.7!important}.statement{font-size:16px!important;padding:18px!important;margin-top:14px!important}
.engagement-story{padding:92px 7.5%}.engagement-story-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.engagement-story-head h2{font-size:40px;line-height:1.15;font-weight:400;margin:10px 0 0;letter-spacing:-1.2px}.engagement-story-head>p{font-size:14.5px;line-height:1.82;color:#aeb8c6;margin:0}.engagement-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.engagement-story-grid article{min-height:205px;padding:25px;border:1px solid #24354a;background:#061220;transition:.28s ease}.engagement-story-grid article:hover{transform:translateY(-4px);background:#08172a;border-color:#3b516c}.engagement-story-grid span{font-size:10px;color:#00e3e7;letter-spacing:1px}.engagement-story-grid h3{font-size:16px;font-weight:500;margin:24px 0 9px}.engagement-story-grid p{font-size:12.5px;line-height:1.72;color:#9eabba;margin:0}
.expertise-industries{padding:90px 7.5% 0!important}.av-intro h2,.industry-heading h2,.projects-head h2{font-size:37px!important}.av-intro>p{font-size:15px!important}.av-capability-grid article{min-height:170px!important;padding:24px!important}.av-capability-grid h3{font-size:15px!important}.av-capability-grid p{font-size:12px!important}.industry-area{padding-top:65px!important}.industry-heading>p{font-size:14px!important}.industry-grid article{min-height:150px!important;padding:20px!important}.industry-grid h3{font-size:14px!important}
.projects{padding:90px 7.5% 0!important}.projects-head{margin-bottom:30px!important}.projects-head>p{font-size:14px!important}.project-grid{gap:12px!important}.project-grid article{min-height:365px!important}.project-grid h3{font-size:17px!important}.project-grid p{font-size:12.5px!important}.project-type{font-size:10px!important}.project-path{font-size:9px!important}.trusted{padding:78px 7.5% 0!important}.trusted-head>span{font-size:12px!important}.logo-marquee{height:124px!important}
.closing-editorial{padding:95px 7.5% 40px}.closing-copy{max-width:940px}.closing-copy h2{font-size:42px;line-height:1.18;font-weight:400;letter-spacing:-1.3px;margin:10px 0 24px}.closing-copy p{font-size:15px;line-height:1.82;color:#aeb8c6;max-width:880px}
.why{padding:45px 7.5% 0!important}.why-card{min-height:215px!important;padding:24px 20px!important}.why-card h3{font-size:15px!important}.why-card p{font-size:12px!important}.why-detail.open{padding:46px 46px 48px!important}.why-detail-copy h2{font-size:34px!important}.why-detail-copy>p{font-size:15px!important}.why-point{padding:21px!important;min-height:125px!important}.why-point strong{font-size:13px!important}.why-point span{font-size:11.5px!important}.why-example p{font-size:13px!important}.final-cta{margin:85px 7.5% 34px!important;padding:24px 27px!important;min-height:105px}.final-cta h2{font-size:24px!important}.final-cta p{font-size:12px!important}
}
@media(max-width:1100px){.editorial-section{grid-template-columns:minmax(0,1fr);padding:72px 5%;gap:20px}.editorial-columns{grid-template-columns:1fr 1fr}.story{padding-left:5%!important;padding-right:5%!important}.work,.engagement-story,.expertise-industries,.projects,.trusted,.closing-editorial,.why{padding-left:5%!important;padding-right:5%!important}.values-row{margin-left:5%!important;margin-right:5%!important}.engagement-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hero{height:590px!important}.hero h1{font-size:43px!important}.editorial-main h2,.engagement-story-head h2,.closing-copy h2{font-size:33px}.editorial-lead{font-size:18px!important}.editorial-columns,.belief-grid,.engagement-story-grid{grid-template-columns:minmax(0,1fr)}.editorial-section{padding:65px 22px}.story,.work,.engagement-story,.expertise-industries,.projects,.trusted,.closing-editorial,.why{padding-left:22px!important;padding-right:22px!important}.values-row{margin-left:22px!important;margin-right:22px!important}.story{padding-top:65px!important}.engagement-story-head{grid-template-columns:minmax(0,1fr);gap:15px}.world-card img{height:300px!important}.belief-section blockquote{font-size:21px}}