/* --- x6 base (shared by about, network, awards, clients, careers, ex-defence; copied into each v4-<slug>.css) --- */
.c-hero{min-height:clamp(540px,86vh,820px)}
.c-hero .crumbs{color:rgba(255,255,255,.62);font-size:.82rem;margin:0 0 16px}
.c-hero .crumbs a{color:#fff;text-decoration:none}
.c-hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.c-hero .btn-o{color:#fff}.c-hero .btn-o:hover{background:#fff;color:var(--ink)}
.c-hero h1 em.s,.c-dark h2 em.s{color:#ff5fb0}
.c-hero .lede{margin-top:6px}
.c-hero:after{background:linear-gradient(90deg,rgba(7,8,13,.72) 0%,rgba(7,8,13,.3) 50%,rgba(7,8,13,0) 75%),linear-gradient(180deg,rgba(7,8,13,.1) 0%,rgba(7,8,13,.3) 45%,rgba(7,8,13,.92) 100%)}
.c-dark{position:relative}
.c-dark .eyebrow{color:#ff7cc0}
.c-dark a{color:#9cc2ff}
.c-dark .card{background:#11131c;border-color:#242838;color:rgba(255,255,255,.74)}
.c-dark .card h3{color:#fff}
.x6-h{max-width:760px;margin:0 0 36px}
.x6-h h2{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.08;letter-spacing:-.02em}
.x6-h .lede{margin-top:4px}
.x6-c{text-align:center;margin-inline:auto}
.x6-c .lede{margin-inline:auto}
.x6-rise{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.x6-rise.in{opacity:1;transform:none}
.x6-link{font:700 .9rem Montserrat,sans-serif;text-decoration:none;color:var(--acc2)}
.x6-link:hover{color:var(--acc)}
.x6-cap{font:600 .78rem Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:10px 0 0}
.c-dark .x6-cap{color:rgba(255,255,255,.55)}
/* no-JS fallback: everything visible */
html:not(.v4js) .c-curtain{clip-path:none}
html:not(.v4js) .c-curtain img,html:not(.v4js) .c-curtain video{transform:none}
html:not(.v4js) .c-shutter:before{transform:scaleY(0)}
html:not(.v4js) .c-words .w>span{transform:none}
html:not(.v4js) .c-ch{opacity:1}
html:not(.v4js) .c-spot:after{opacity:0}
html:not(.v4js) .rv,html:not(.v4js) .x6-rise{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.x6-rise{opacity:1;transform:none;transition:none}}
@media(max-width:560px){.c-hero{min-height:620px}.c-hero h1{font-size:2.1rem}.x6-h{margin-bottom:26px}}
/* --- page --- */
.cr-why{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.cr-img{aspect-ratio:16/10;box-shadow:0 30px 60px -30px rgba(17,21,34,.5)}
.cr-why .x6-h{margin-bottom:20px}
.cr-list{list-style:none;margin:0;padding:0;counter-reset:c;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.cr-list li{counter-increment:c;padding:14px 0 12px 44px;border-top:1px solid var(--line);position:relative}
.cr-list li:before{content:counter(c,decimal-leading-zero);position:absolute;left:0;top:14px;font:800 1.15rem Montserrat,sans-serif;color:var(--acc)}
.cr-list b{display:block;font:800 .98rem Montserrat,sans-serif;color:var(--ink)}
.cr-list span{font-size:.9rem}
.cr-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cr-roles article{position:relative;background:#11131c;border:1px solid #242838;border-radius:var(--r);padding:20px 18px;display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:border-color .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.cr-roles article:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff2e93,#3d8bff);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cr-roles article:hover{border-color:#3a3f55;transform:translateY(-3px)}
.cr-roles article:hover:before{transform:none}
.cr-roles i{font:700 .66rem Montserrat,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#ff8cc6}
.cr-roles h3{font-size:1rem;margin:2px 0 0}
.cr-roles p{margin:0;font-size:.88rem;color:rgba(255,255,255,.7)}
.cr-roles .x6-link{margin-top:auto;padding-top:8px;color:#9cc2ff}
.cr-roles .open{background:linear-gradient(135deg,#2a0f22,#11131c 70%)}
.cr-roles .incl{background:linear-gradient(135deg,#0f1c33,#11131c 70%)}
.cr-band{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;border-radius:var(--r);padding:26px 30px;background:linear-gradient(90deg,#fff 0%,#fdf0f7 100%);border:1px solid var(--line);border-left:4px solid var(--acc)}
.cr-band p{margin:0;max-width:70ch;font-size:1.02rem}
.careers-check{display:flex;gap:10px;align-items:flex-start;font:500 .9rem/1.5 inherit;color:var(--ink2)}
.careers-check input{width:18px;height:18px;margin-top:3px;flex:none;padding:0}
.careers-hint{font:500 .8rem inherit;color:var(--mute)}
.careers-side{display:grid;gap:16px;align-content:start}
.careers-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
@media(max-width:1000px){.cr-roles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.cr-why,.careers-wrap{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.cr-list{grid-template-columns:1fr}.cr-roles{grid-template-columns:1fr}.cr-band{padding:22px 20px}}
/* v5: on-site roles band */
.cr-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.cr-sg article{background:#fff;border:1px solid #e3e5ee;border-left:4px solid #E6007E;border-radius:var(--r);padding:20px 20px 18px;display:flex;flex-direction:column;gap:4px}
.cr-sg article:nth-child(2){border-left-color:#3d8bff}.cr-sg article:nth-child(3){border-left-color:#19b39b}
.cr-sg i{font:700 .66rem Montserrat,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#c4006b}
.cr-sg h3{font-size:1.05rem;margin:2px 0 0}
.cr-sg p{margin:0;font-size:.9rem;color:#4a4f60}
@media(max-width:860px){.cr-sg{grid-template-columns:1fr}}