.mc-page{
  --mc-ink:#10100f;
  --mc-paper:#f4eee5;
  --mc-coral:#ff6b45;
  --mc-rose:#c63347;
  --mc-indigo:#273a8b;
  --mc-rule:rgba(16,16,15,.18);
  overflow:hidden;
  background:var(--mc-paper);
  color:var(--mc-ink);
}

.mc-page *{box-sizing:border-box}

.mc-hero{
  min-height:calc(100vh - 78px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  background:var(--mc-ink);
  color:#fff;
}

.mc-hero__copy{
  display:flex;
  min-height:720px;
  flex-direction:column;
  justify-content:center;
  padding:clamp(64px,8vw,132px) clamp(24px,7vw,110px);
  border-right:1px solid rgba(255,255,255,.14);
}

.mc-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font:600 11px/1.3 Archivo,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.mc-kicker span{
  width:28px;
  height:1px;
  background:var(--mc-coral);
}

.mc-kicker--dark{color:#655b54}

.mc-hero h1{
  margin:clamp(36px,5vw,72px) 0 0;
  font:500 clamp(72px,11.5vw,176px)/.72 Newsreader,serif;
  letter-spacing:-.075em;
}

.mc-hero h1 em{
  color:var(--mc-coral);
  font-weight:300;
}

.mc-hero__lede{
  max-width:37rem;
  margin:clamp(48px,6vw,86px) 0 0;
  color:rgba(255,255,255,.64);
  font:400 clamp(18px,1.6vw,23px)/1.55 Archivo,sans-serif;
}

.mc-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  margin-top:34px;
}

.mc-button{
  display:inline-flex;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:0 19px;
  border:1px solid currentColor;
  color:inherit;
  font:600 13px/1 Archivo,sans-serif;
  text-decoration:none;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,color .2s;
}

.mc-button:hover{transform:translateY(-3px)}
.mc-button--light{background:#fff;color:var(--mc-ink)}
.mc-button--coral{border-color:var(--mc-coral);background:var(--mc-coral);color:var(--mc-ink)}

.mc-link{
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.35);
  color:#fff;
  font:500 13px/1 Archivo,sans-serif;
  text-decoration:none;
}
.mc-link--light{color:#fff}

.mc-hero__signal{
  position:relative;
  display:flex;
  min-height:720px;
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(38px,5vw,72px);
  background:
    linear-gradient(135deg,transparent 0 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%),
    var(--mc-indigo);
}

.mc-signal__line{
  display:grid;
  grid-template-columns:48px 1fr 70px;
  align-items:center;
  gap:14px;
  font:600 11px/1 Archivo,sans-serif;
  text-transform:uppercase;
}

.mc-signal__line span,
.mc-signal__line b{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--mc-ink);
}
.mc-signal__line b{width:58px;height:58px;background:var(--mc-coral)}
.mc-signal__line i{
  position:relative;
  padding:0 8px;
  font-style:normal;
  text-align:center;
}
.mc-signal__line i::before{
  content:"";
  position:absolute;
  top:50%;
  right:100%;
  left:-6px;
  z-index:-1;
  border-top:1px dashed rgba(255,255,255,.45);
}

.mc-signal__faces{
  position:relative;
  height:310px;
  margin:30px 0;
}

.mc-signal__faces img{
  position:absolute;
  width:clamp(88px,10vw,150px);
  height:clamp(88px,10vw,150px);
  border:5px solid var(--mc-indigo);
  border-radius:50%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.04);
}
.mc-signal__faces img:nth-child(1){top:2%;left:2%;z-index:4}
.mc-signal__faces img:nth-child(2){top:18%;right:5%;z-index:3}
.mc-signal__faces img:nth-child(3){bottom:0;left:25%;z-index:2}
.mc-signal__faces img:nth-child(4){right:22%;bottom:8%;z-index:1}

.mc-hero__signal>p{
  margin:0;
  color:rgba(255,255,255,.65);
  font:400 16px/1.5 Archivo,sans-serif;
}
.mc-hero__signal>p strong{
  color:#fff;
  font:400 clamp(28px,3vw,48px)/1 Newsreader,serif;
}

.mc-world{
  padding:clamp(84px,10vw,154px) clamp(20px,6vw,90px);
  background:var(--mc-paper);
}

.mc-world__head{
  max-width:1420px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  align-items:end;
  gap:40px;
}

.mc-world__head h2,
.mc-motion h2,
.mc-units h2,
.mc-close h2{
  margin:28px 0 0;
  font:400 clamp(58px,8vw,126px)/.82 Newsreader,serif;
  letter-spacing:-.065em;
}

.mc-world__head>p{
  max-width:30rem;
  margin:0;
  padding-bottom:8px;
  color:#665c55;
  font:400 18px/1.65 Archivo,sans-serif;
}

.mc-scope{
  max-width:1420px;
  margin:clamp(58px,7vw,100px) auto 0;
  display:grid;
  grid-template-columns:minmax(210px,.26fr) minmax(0,.74fr);
  border-top:1px solid var(--mc-rule);
  border-bottom:1px solid var(--mc-rule);
}

.mc-scope__rail{
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--mc-rule);
}

.mc-scope__rail button{
  display:flex;
  min-height:96px;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border:0;
  border-bottom:1px solid var(--mc-rule);
  background:transparent;
  color:#6e625b;
  font:600 13px/1.25 Archivo,sans-serif;
  text-align:left;
  cursor:pointer;
}
.mc-scope__rail button:last-child{border-bottom:0}
.mc-scope__rail button small{color:#9b8f87;font-size:10px}
.mc-scope__rail button[aria-selected="true"]{background:var(--mc-ink);color:#fff}
.mc-scope__rail button[aria-selected="true"] small{color:var(--mc-coral)}

.mc-scope__stage{min-width:0;padding:clamp(24px,4vw,52px)}
.mc-scope__meta{display:flex;align-items:end;justify-content:space-between;gap:30px}
.mc-scope__meta p{margin:0}
.mc-scope__meta span,
.mc-scope__meta strong,
.mc-scope__meta em{display:block}
.mc-scope__meta p:first-child span{
  color:#7c7068;
  font:600 10px/1 Archivo,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.mc-scope__meta p:first-child strong{
  margin-top:8px;
  font:400 clamp(26px,3.2vw,48px)/1 Newsreader,serif;
}
.mc-scope__count{text-align:right}
.mc-scope__count strong{font:500 44px/1 Newsreader,serif}
.mc-scope__count span{color:#7c7068;font:500 10px/1.3 Archivo,sans-serif;text-transform:uppercase}
.mc-scope__count em{margin-top:8px;color:var(--mc-rose);font:600 11px/1.3 Archivo,sans-serif;font-style:normal}

.mc-people{
  display:grid;
  grid-template-columns:repeat(10,minmax(42px,1fr));
  gap:clamp(8px,1.2vw,16px);
  margin-top:38px;
}

.mc-people figure{
  min-width:0;
  margin:0;
  text-align:center;
  animation:mc-face-in .42s cubic-bezier(.2,.8,.2,1) both;
}
.mc-people figure[hidden]{display:none}
.mc-people img{
  display:block;
  width:100%;
  aspect-ratio:1;
  border-radius:50%;
  object-fit:cover;
  filter:saturate(.84) contrast(1.04);
}
.mc-people figcaption{
  overflow:hidden;
  margin-top:6px;
  color:#6b6058;
  font:500 10px/1 Archivo,sans-serif;
  text-overflow:ellipsis;
}
@keyframes mc-face-in{from{opacity:0;transform:translateY(10px) scale(.92)}}

.mc-scope__note{
  max-width:50rem;
  margin:36px 0 0;
  padding-top:22px;
  border-top:1px solid var(--mc-rule);
  color:#655a53;
  font:400 14px/1.6 Archivo,sans-serif;
}

.mc-motion{
  padding:clamp(86px,10vw,150px) clamp(20px,6vw,90px);
  background:var(--mc-ink);
  color:#fff;
}
.mc-motion__intro{max-width:1420px;margin:0 auto}
.mc-motion__path{
  max-width:1420px;
  margin:clamp(58px,8vw,114px) auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.2);
}
.mc-motion__path article{
  min-height:320px;
  padding:28px 24px 36px 0;
  border-right:1px solid rgba(255,255,255,.2);
}
.mc-motion__path article+article{padding-left:24px}
.mc-motion__path article:last-child{border-right:0}
.mc-motion__path small{color:var(--mc-coral);font:600 11px/1 Archivo,sans-serif}
.mc-motion__path h3{margin:80px 0 0;font:400 30px/1 Newsreader,serif}
.mc-motion__path p{margin:16px 0 0;color:rgba(255,255,255,.55);font:400 14px/1.6 Archivo,sans-serif}

.mc-units{
  padding:clamp(86px,10vw,150px) clamp(20px,6vw,90px);
  background:#fff;
}
.mc-units>*{max-width:1420px;margin-right:auto;margin-left:auto}
.mc-units__rail{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:clamp(52px,7vw,90px);
  border-top:1px solid var(--mc-ink);
}
.mc-units__rail span{
  min-height:155px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:22px 18px 24px 0;
  border-right:1px solid var(--mc-rule);
  border-bottom:1px solid var(--mc-rule);
  font:400 clamp(24px,2.4vw,38px)/1 Newsreader,serif;
}
.mc-units__rail span:nth-child(3n+2),
.mc-units__rail span:nth-child(3n+3){padding-left:18px}
.mc-units__rail span:nth-child(3n){border-right:0}
.mc-units__rail small{color:#7d7169;font:600 10px/1 Archivo,sans-serif;letter-spacing:.15em;text-transform:uppercase}

.mc-close{
  min-height:78vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(86px,11vw,168px) clamp(20px,8vw,126px);
  background:var(--mc-indigo);
  color:#fff;
}
.mc-close>p{margin:0;color:rgba(255,255,255,.6);font:500 13px/1.4 Archivo,sans-serif}

@media(max-width:920px){
  .mc-hero{grid-template-columns:1fr}
  .mc-hero__copy,.mc-hero__signal{min-height:auto}
  .mc-hero__signal{min-height:520px}
  .mc-world__head{grid-template-columns:1fr}
  .mc-scope{grid-template-columns:1fr}
  .mc-scope__rail{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--mc-rule)}
  .mc-scope__rail button{min-height:78px;border-right:1px solid var(--mc-rule);border-bottom:0}
  .mc-people{grid-template-columns:repeat(7,1fr)}
  .mc-motion__path{grid-template-columns:1fr 1fr}
  .mc-motion__path article:nth-child(2){border-right:0}
  .mc-units__rail{grid-template-columns:1fr 1fr}
  .mc-units__rail span:nth-child(n){padding-left:0;border-right:1px solid var(--mc-rule)}
  .mc-units__rail span:nth-child(2n){padding-left:18px;border-right:0}
}

@media(max-width:620px){
  .mc-hero__copy{padding:64px 20px 72px}
  .mc-hero h1{font-size:clamp(70px,26vw,116px)}
  .mc-hero__signal{padding:32px 20px}
  .mc-world,.mc-motion,.mc-units,.mc-close{padding-right:20px;padding-left:20px}
  .mc-scope__rail{display:flex;overflow-x:auto;flex-direction:row}
  .mc-scope__rail button{min-width:155px}
  .mc-scope__meta{align-items:start;flex-direction:column}
  .mc-scope__count{text-align:left}
  .mc-people{grid-template-columns:repeat(5,1fr)}
  .mc-motion__path{grid-template-columns:1fr}
  .mc-motion__path article,.mc-motion__path article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .mc-motion__path h3{margin-top:42px}
  .mc-units__rail{grid-template-columns:1fr}
  .mc-units__rail span:nth-child(n){min-height:120px;padding:18px 0;border-right:0}
}

@media(prefers-reduced-motion:reduce){
  .mc-people figure{animation:none}
  .mc-button{transition:none}
}