.arch-stage{background:#072723}
.arch-precise .layer-active{opacity:0;transition:opacity .58s cubic-bezier(.22,1,.36,1)}
.arch-stage[data-active=network] .layer-network,.arch-stage[data-active=workspace] .layer-workspace,.arch-stage[data-active=team] .layer-team{opacity:.78}
.arch-precise .board-mask{fill:#072723;transition:fill .58s cubic-bezier(.22,1,.36,1)}
.arch-stage[data-active=workspace] .board-mask{fill:#375f4d}
.arch-precise .diagram-labels{fill:#a7e9d9;letter-spacing:.01em}
.arch-precise .diagram-labels text{paint-order:stroke;stroke:#072723;stroke-width:2px;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.arch-precise .layer-active,.arch-precise .board-mask{transition:none}}
.arch-position-note{margin:0;color:#899997;font-size:12px;line-height:1.7}
@media(min-width:801px){
  .arch-nav{justify-content:flex-end}
  .arch-position-note{flex:1;padding:28px 30px}
  .arch-choice{min-height:124px}
  .arch-position-note + .arch-choice{border-top:1px solid #e0e6e4}
}
@media(max-width:800px){
  .arch-position-note{grid-column:1/-1;padding:18px 14px;border-bottom:1px solid #e0e6e4;font-size:12px}
  .arch-precise .diagram-labels text:nth-of-type(n+4){font-size:36px}
  .arch-precise .diagram-labels text:nth-of-type(9){font-size:29px}
}