.experience{display:flex;gap:28px;margin-top:36px;padding-top:24px;border-top:1px solid #e2eaf0}.experience div{display:flex;flex-direction:column;gap:5px}.experience strong{font:800 27px Manrope,Arial,sans-serif;letter-spacing:-1px}.experience span{font-size:12px;color:var(--muted)}
.hero-scene{position:relative;isolation:isolate;height:420px;border-radius:30px;background:radial-gradient(ellipse at 80% 10%,#317a9b 0,transparent 55%),linear-gradient(140deg,#183960,#0b1b35);overflow:hidden;box-shadow:0 25px 55px #142e5926;display:grid;place-items:center}.hero-scene:before,.hero-scene:after{content:'';position:absolute;width:310px;height:310px;border:1px solid #a3e5f52a;border-radius:50%;z-index:-1}.hero-scene:after{width:430px;height:430px}.scene-emblem{width:180px;height:215px;border:1px solid #9ce9fb70;border-radius:90px 90px 70px 70px;background:linear-gradient(140deg,#e2faff22,#00a1d83b);display:grid;place-items:center;box-shadow:0 0 75px #00c2ed25;transform:rotate(-9deg)}.scene-emblem svg{width:90px;transform:rotate(9deg);color:#acf0ff}.scene-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 19px;border:1px solid #ffffff38;background:#ffffffed;box-shadow:0 10px 25px #0002;border-radius:14px;color:var(--navy);font-size:13px;font-weight:700;animation:float 7s ease-in-out infinite}.scene-tag svg{height:24px;width:24px;stroke:#009ec9;fill:none;stroke-width:1.6}.scene-tag:nth-of-type(2){top:48px;left:28px}.scene-tag:nth-of-type(3){top:125px;right:23px;animation-delay:-2s}.scene-tag:nth-of-type(4){bottom:75px;left:25px;animation-delay:-4s}.scene-caption{position:absolute;bottom:25px;color:#b6d5e5;font-size:10px;letter-spacing:3px;text-transform:uppercase}@keyframes float{50%{transform:translateY(-9px)}}

/* The original page design is retained; these rules style only the hero visual. */
.hero-scene{height:350px;border-radius:100px 12px 12px 12px;box-shadow:0 18px 45px #19356818;background:radial-gradient(ellipse at 75% 0%,#377f99,transparent 65%),linear-gradient(140deg,#193568,#0d2442)}
.scene-emblem{width:120px;height:150px;animation:emblem-breathe 8s ease-in-out infinite}.scene-emblem svg{width:65px}.scene-tag{padding:10px 13px;font-size:11px;gap:8px;border-radius:12px;animation-duration:8s}.scene-tag svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}
.scene-tag:nth-of-type(2){top:30px;left:22px}.scene-tag:nth-of-type(3){top:50px;right:19px;animation-delay:-1.5s}.scene-tag:nth-of-type(4){top:135px;left:12px;bottom:auto;animation-delay:-3s}.scene-tag:nth-of-type(5){top:157px;right:12px;animation-delay:-4.5s}.scene-tag:nth-of-type(6){bottom:55px;left:24px;animation-delay:-6s}.scene-tag:nth-of-type(7){bottom:48px;right:24px;animation-delay:-2s}.scene-caption{bottom:18px;font-size:8px;letter-spacing:2px}.experience{gap:30px;margin-top:28px;padding-top:20px}.experience strong{font-size:25px}.experience span{font-size:12px;line-height:1.5}.hero-scene:after{animation:orbit-breathe 10s ease-in-out infinite}
@keyframes emblem-breathe{50%{box-shadow:0 0 85px #45d6f54d;transform:rotate(-3deg) scale(1.03)}}@keyframes orbit-breathe{50%{transform:scale(.93);opacity:.5}}
@media(max-width:800px){.hero-scene{height:300px;min-height:300px;border-radius:70px 12px 12px 12px}.scene-tag:nth-of-type(4){top:118px}.scene-tag:nth-of-type(5){top:125px}.scene-tag:nth-of-type(6){bottom:43px}.scene-tag:nth-of-type(7){bottom:40px}.scene-emblem{width:105px;height:135px}.experience{gap:24px}.experience span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-tag,.scene-emblem,.hero-scene:after{animation:none!important}}

/* Brand emblem: the agency's three-bar E motif, upright and softly illuminated. */
.scene-emblem{width:122px;height:152px;border-radius:28px;border:1px solid #ffffffd9;background:linear-gradient(145deg,#ffffff,#e4f4fa);transform:none;box-shadow:0 14px 35px #061a3c38,0 0 50px #16adda30;animation:ege-glow 8s ease-in-out infinite}
.scene-emblem .ege-monogram{width:104px;height:120px;transform:none;filter:none}
@keyframes ege-glow{50%{transform:translateY(-4px);box-shadow:0 18px 40px #061a3c38,0 0 65px #16adda55}}
@media(max-width:800px){.scene-emblem{width:108px;height:136px;border-radius:24px}.scene-emblem .ege-monogram{width:92px;height:110px}}
@media(prefers-reduced-motion:reduce){.scene-emblem{animation:none!important}}

/* A quiet coastal abstraction: original arch and sea, with floating topic cards. */
.hero-scene{background:linear-gradient(135deg,#e2eeeb,#d3e7ea 60%,#bed7df);box-shadow:none;border:1px solid #cbdedc}
.hero-scene:before{width:280px;height:280px;border-color:#fff5}.hero-scene:after{width:390px;height:390px;border-color:#fff3;animation:none}
.scene-emblem.abstract-window{position:relative;width:152px;height:220px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;animation:coastal-drift 12s ease-in-out infinite}
.abstract-sun{position:absolute;top:8px;right:5px;width:43px;height:43px;border-radius:50%;background:#e7d3a2;opacity:.85}
.abstract-arch{position:absolute;bottom:0;left:10px;width:130px;height:178px;border-radius:75px 75px 3px 3px;padding:15px 14px 0;background:#f3eee2;box-shadow:9px 7px 0 #abc7c74d}
.abstract-sea{height:100%;position:relative;overflow:hidden;border-radius:65px 65px 0 0;background:linear-gradient(#c6e2e5 0 43%,#83bdc8 43% 62%,#5595ac 62% 80%,#365c80 80%)}
.abstract-sea i{position:absolute;left:-30%;width:160%;height:35px;border-radius:50%;border-top:1px solid #ffffff65;bottom:18%;animation:quiet-wave 10s ease-in-out infinite}.abstract-sea i:nth-child(2){bottom:2%;animation-delay:-3s}.abstract-sea i:nth-child(3){bottom:35%;animation-delay:-6s}
.abstract-step{position:absolute;bottom:-5px;left:0;width:65px;height:13px;background:#ddd4be;box-shadow:10px -13px 0 #eee7d7,20px -26px 0 #e0d8c4}
.scene-tag{background:#f9fcf9d9;border:1px solid #ffffffa6;box-shadow:0 4px 12px #33546a08;color:#3d596f;font-weight:500;animation-name:quiet-float;animation-duration:11s}.scene-tag svg{stroke:#548f9d;stroke-width:1.4}.scene-caption{color:#6b8993;letter-spacing:2px;font-size:8px}
@keyframes quiet-float{50%{transform:translateY(-4px)}}@keyframes coastal-drift{50%{transform:translateY(-3px)}}@keyframes quiet-wave{50%{transform:translateX(5px)}}
@media(max-width:800px){.scene-emblem.abstract-window{width:140px;height:195px}.abstract-arch{height:155px;width:120px}.abstract-sun{width:36px;height:36px;top:10px;right:3px}}
@media(prefers-reduced-motion:reduce){.scene-emblem.abstract-window,.abstract-sea i,.scene-tag{animation:none!important}}

/* Center the five agency statistics, wrapping naturally on smaller screens. */
.experience{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:24px 18px;text-align:center;width:100%}
.experience>div{flex:1 1 90px;min-width:85px;align-items:center}
.experience strong{white-space:nowrap;font-size:25px}
.experience span{max-width:125px;text-wrap:balance;line-height:1.5}
@media(max-width:480px){.experience{gap:22px 12px}.experience>div{flex:0 1 calc(33.333% - 12px)}.experience strong{font-size:23px}}