/* A shared working-method section, separate from the catalogue cards. */
.work-modes{padding-block:8px 54px;scroll-margin-top:120px}
.modes-surface{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;border:1px solid #42638b;background:linear-gradient(120deg,#183b66,#0d2448 72%);padding:40px 44px 32px;color:#fff;box-shadow:0 18px 40px #102c5812,inset 0 1px 0 #afc5e13d}
.modes-surface:before{content:'';position:absolute;top:0;left:44px;width:65px;height:2px;background:linear-gradient(90deg,#c6aa73,#eed8ae,#c6aa7300)}
.modes-atmosphere{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(ellipse at 100% 10%,#6494b32e,transparent 62%),linear-gradient(#b5c8e206 1px,transparent 1px),linear-gradient(90deg,#b5c8e206 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mask-image:linear-gradient(110deg,transparent,#000)}
.modes-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:32px;border-bottom:1px solid #a0bdd12e}
.modes-heading .eyebrow{font-size:9px;letter-spacing:.15em;color:#b5c9e1;margin-bottom:16px}
.modes-heading h2{font-size:clamp(33px,3.35vw,46px);line-height:1.09;letter-spacing:-.045em;color:#fff;margin:0}
.modes-heading h2 span{color:#aebfda}
.modes-heading>p{font-size:13px;line-height:1.7;max-width:260px;color:#bfcee1;margin:0 0 3px}
.modes-comparison{display:grid;grid-template-columns:1fr 1fr;padding-top:29px}
.work-mode{min-width:0;position:relative}
.mode-project{padding-right:42px;border-right:1px solid #acc6de2b}
.mode-ongoing{padding-left:42px}
.mode-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px;color:#a8bed9}
.mode-caption>span:first-child{font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}
.mode-symbol{display:block;width:26px;height:26px;color:#91afcf}
.mode-symbol svg{width:100%;height:100%}
.work-mode h3{font-size:clamp(25px,2.4vw,34px);line-height:1.2;letter-spacing:-.04em;margin:0;color:#fff}
.mode-description{font-size:13px;line-height:1.75;color:#c1cfe1;max-width:405px;min-height:69px;margin:16px 0 0}
.project-route{position:relative;display:flex;justify-content:space-between;align-items:center;height:151px;gap:15px;padding:10px 12px 0;isolation:isolate}
.project-stop{display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;z-index:1;font-size:11px;color:#d0dced;min-width:69px}
.stop-symbol{width:47px;height:47px;border-radius:50%;background:linear-gradient(135deg,#2b5079,#16385f);border:1px solid #91b1d273;box-shadow:inset 0 1px 0 #e9f4ff24,0 6px 15px #081c3826;display:grid;place-items:center;color:#d3e3f6}
.stop-symbol svg{width:24px;height:24px}
.stop-final{background:linear-gradient(135deg,#fff,#bacce2);color:#183b66;border-color:#e7f0fa;box-shadow:0 0 25px #d8eaff12}
.route-connection{position:absolute;z-index:0;left:47px;right:47px;top:65px;height:1px;background:#7d9cbb66;overflow:hidden}
.route-connection:after{content:'';position:absolute;height:1px;width:50%;left:-50%;background:linear-gradient(90deg,transparent,#eef5ff,transparent);animation:modeRoute 5s ease-in-out infinite}
.mode-summary{display:flex;align-items:center;gap:8px;color:#9bb4d2;font-size:10px;line-height:1.6;margin:8px 0 0}
.mode-summary i{width:4px;height:4px;border-radius:50%;background:#c6aa73;flex-shrink:0}
.ongoing-cycle{position:relative;isolation:isolate;height:151px;width:100%;max-width:375px;margin:auto}
.cycle-track{position:absolute;border:1px solid #90b1d266;border-radius:50%;left:50%;top:50%;width:238px;height:104px;translate:-50% -50%;box-shadow:0 0 0 8px #9ebddb05,0 0 0 9px #9ebddb16}
.cycle-track>svg{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible}.cycle-signal{fill:none;stroke:#d3e2f3;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 98;animation:modeCycle 9s linear infinite}
.cycle-center{position:absolute;left:50%;top:50%;translate:-50% -43%;display:flex;align-items:center;flex-direction:column;gap:2px;z-index:1}
.cycle-center strong{font-size:26px;line-height:1.2;color:#fff;letter-spacing:-.035em;font-weight:600}
.cycle-center>span{font-size:9px;letter-spacing:.03em;color:#9db6d3}
.cycle-point{position:absolute;z-index:2;font-size:10px;line-height:1.4;padding:6px 12px;background:#17375f;border:1px solid #8da9c55c;border-radius:20px;color:#d0ddef;box-shadow:0 3px 7px #071e3220}
.point-priorities{top:11px;left:50%;translate:-50% 0}
.point-review{left:9px;top:88px}
.point-improve{right:9px;top:88px}
@keyframes modeRoute{0%,15%{left:-50%}85%,100%{left:100%}}
@keyframes modeCycle{to{stroke-dashoffset:-100}}
.modes-surface.visual-offscreen *:after,.modes-surface.visual-offscreen .cycle-signal{animation-play-state:paused!important}
@media(max-width:1050px) and (min-width:761px){.modes-surface{padding:34px 30px 29px}.mode-project{padding-right:28px}.mode-ongoing{padding-left:28px}.work-mode h3{font-size:27px}.mode-description{min-height:90px;font-size:12px}.project-route{padding-inline:0;gap:5px}.project-stop{min-width:60px}.cycle-track{width:205px}.point-review{left:0}.point-improve{right:0}.cycle-point{font-size:9px;padding:6px 10px}.modes-heading>p{max-width:230px}}
@media(max-width:760px){
 .work-modes{padding-block:0 35px;scroll-margin-top:100px}.modes-surface{padding:27px 24px 25px;border-radius:21px}.modes-surface:before{left:25px;width:45px}.modes-heading{display:block;padding-bottom:24px}.modes-heading .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:15px}.modes-heading h2{font-size:34px}.modes-heading>p{font-size:13px;max-width:none;margin:17px 0 0}.modes-comparison{grid-template-columns:1fr;padding-top:24px;gap:26px}.mode-project{padding:0 0 24px;border-right:0;border-bottom:1px solid #acc6de2b}.mode-ongoing{padding:0}.mode-caption{margin-bottom:10px}.mode-caption>span:first-child{font-size:8px}.mode-symbol{width:23px;height:23px}.work-mode h3{font-size:28px}.mode-description{min-height:0;font-size:13px;margin-top:13px;line-height:1.75}.project-route{height:140px;padding:8px 0 0;gap:8px}.project-stop{min-width:62px;font-size:10px;gap:12px}.stop-symbol{width:44px;height:44px}.stop-symbol svg{width:23px;height:23px}.route-connection{top:60px;left:31px;right:31px}.mode-summary{font-size:10px;margin-top:0}.ongoing-cycle{height:152px;max-width:300px}.cycle-track{width:220px}.point-review{left:0}.point-improve{right:0}.cycle-point{font-size:9px;padding:6px 10px}.cycle-center strong{font-size:26px}
}
@media(max-width:370px){.modes-surface{padding-inline:19px}.modes-heading h2{font-size:30px}.work-mode h3{font-size:25px}.cycle-track{width:185px}.cycle-point{padding-inline:8px}.project-stop{min-width:53px}.mode-summary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.modes-surface *,.modes-surface *:before,.modes-surface *:after{animation:none!important;transition:none!important}}