.company-shell .dock{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.company-shell .view::before{opacity:.14}
.company-shell .view.is-active::before{opacity:.2}
.company-shell .view[data-view]::before{
  background:
    linear-gradient(90deg,rgba(6,17,30,.98) 0%,rgba(6,17,30,.82) 38%,rgba(6,17,30,.28) 100%),
    radial-gradient(circle at 82% 24%,rgba(41,182,210,.12),transparent 34%),
    repeating-linear-gradient(0deg,transparent 0 67px,rgba(105,212,177,.035) 68px);
}
:root[data-theme="light"] .company-shell .view[data-view]::before{
  background:
    linear-gradient(90deg,rgba(232,238,242,.98) 0%,rgba(232,238,242,.82) 38%,rgba(232,238,242,.26) 100%),
    radial-gradient(circle at 82% 24%,rgba(18,165,140,.1),transparent 34%),
    repeating-linear-gradient(0deg,transparent 0 67px,rgba(18,165,140,.035) 68px);
}
.services-shell.company-shell .view[data-view] .view__aside::after{
  position:absolute;
  right:28px;
  bottom:22px;
  width:auto;
  height:auto;
  z-index:2;
  display:block;
  background:none;
  color:rgba(219,234,237,.34);
  font:600 .72rem/1 var(--sans);
  letter-spacing:.08em;
  text-transform:uppercase;
  filter:none;
  mix-blend-mode:normal;
  opacity:1;
  text-shadow:none;
}
.company-shell .view[data-view="0"] .view__aside::after{content:"TDC / UK + ZA"}
.company-shell .view[data-view="1"] .view__aside::after{content:"Story / TDC"}
.company-shell .view[data-view="2"] .view__aside::after{content:"Operating system / TDC"}
.company-shell .view[data-view="3"] .view__aside::after{content:"Leadership / TDC"}
.company-shell .view[data-view="4"] .view__aside::after{content:"UK / South Africa"}
:root[data-theme="light"] .company-shell .view__aside::after{color:rgba(33,65,78,.34)}
.company-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin:18px 0 9px;
  background:var(--line);
}
.company-metrics div{padding:14px;background:rgba(105,212,177,.045)}
.company-metrics strong{display:block;color:var(--ink);font:600 1.25rem/1 var(--sans);letter-spacing:-.04em}
.company-metrics span{display:block;margin-top:7px;color:var(--soft);font-size:.49rem;line-height:1.4}
.company-timeline{
  display:grid;
  grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;
  gap:5px;
  align-items:center;
  margin:18px 0 9px;
}
.company-timeline>div{min-height:88px;padding:12px;background:rgba(105,212,177,.045)}
.company-timeline span{color:var(--mint);font:600 .48rem/1 var(--sans)}
.company-timeline b{display:block;margin:10px 0 5px;font:600 .68rem/1 var(--sans)}
.company-timeline p{margin:0;color:var(--soft);font-size:.48rem;line-height:1.42}
.company-timeline>i{height:1px;background:linear-gradient(90deg,var(--teal),var(--mint))}
.working-rhythm,.community-signal{
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0 9px;
  padding:14px 16px;
  background:linear-gradient(90deg,rgba(105,212,177,.07),rgba(41,182,210,.025));
  color:var(--soft);
  font:600 .5rem/1 var(--sans);
  letter-spacing:.09em;
}
.working-rhythm i,.community-signal i{position:relative;flex:1;height:1px;background:rgba(105,212,177,.36)}
.working-rhythm i::after,.community-signal i::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--mint);transform:translateY(-50%);box-shadow:0 0 10px var(--mint)}
.community-signal b{margin-left:auto;color:var(--mint)}
.people-panel,.office-panel{display:block!important}
.people-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:18px;
}
.people-grid figure{position:relative;min-width:0;aspect-ratio:4/3;margin:0;overflow:hidden;background:#0b1d2c}
.people-grid img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05);transition:filter .4s,transform .6s}
.people-grid figure::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(5,14,23,.96))}
.people-grid figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px 8px}
.people-grid b{display:block;color:#fff;font:600 .56rem/1.18 var(--sans)}
.people-grid span{display:block;margin-top:4px;color:rgba(225,237,239,.7);font-size:.43rem;line-height:1.25}
.people-grid figure:hover img{filter:grayscale(0);transform:scale(1.04)}
.office-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0 13px}
.office-grid figure{position:relative;aspect-ratio:16/10;margin:0;overflow:hidden}
.office-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62);transition:filter .4s,transform .7s}
.office-grid figure::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(5,14,23,.92))}
.office-grid figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px}
.office-grid span{display:block;color:rgba(225,237,239,.64);font-size:.42rem}
.office-grid b{display:block;margin-top:5px;color:#fff;font:600 .65rem/1 var(--sans)}
.office-grid figure:hover img{filter:grayscale(0) brightness(.82);transform:scale(1.04)}
.compact-article{margin-top:8px!important;grid-template-columns:repeat(3,1fr)!important}
.compact-article section{grid-column:auto!important}
@media(max-width:900px){
  .company-timeline{grid-template-columns:1fr}.company-timeline>i{width:1px;height:8px;margin:auto}
  .people-grid{grid-template-columns:repeat(2,1fr)}
  .office-grid{grid-template-columns:1fr 1fr}
  .compact-article{display:block!important}
}