/* Explain the Hub before inviting the visitor into the existing demonstration. */
.hubExplained .hubStudioHead{grid-template-columns:minmax(0,1fr) 190px;gap:56px;padding-bottom:28px}
.hubExplained .hubStudioHead>div>p{max-width:780px}
.hubExplained .studioMetrics span{font-size:.82rem;line-height:1.55;color:#fff}
.hubPurpose{display:grid;grid-template-columns:1fr 1fr;gap:30px 42px;margin:0 14px 36px;padding:28px 0 0;border-top:1px solid #ffffff38;color:#fff}
.hubPurpose article+article{border-left:1px solid #ffffff38;padding-left:42px}
.hubPurposeLabel{display:block;font-family:"Roboto Condensed",Roboto,sans-serif;font-size:.7rem;letter-spacing:.12em;color:#C8FF1A;margin-bottom:12px}
.hubPurpose h3{font-size:1.65rem;line-height:1.15;max-width:350px;margin-bottom:14px}
.hubPurpose article p{font-size:.95rem;line-height:1.7;color:#ffffffe8}
.hubPurposeFormats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.85rem;line-height:1.5;padding-top:20px;border-top:1px solid #ffffff38}
.hubPurposeFormats span{border-bottom:2px solid #C8FF1A;padding-bottom:5px}
.hubPurpose .hubPurposeScope{grid-column:1/-1;font-size:.83rem;line-height:1.65;max-width:800px;color:#ffffffcf;margin-top:-12px}
@media(max-width:850px){.hubExplained .hubStudioHead{gap:28px}.hubPurpose{column-gap:28px}.hubPurpose article+article{padding-left:28px}}
@media(max-width:767px){.hubExplained .hubStudioHead{display:block;padding:0 10px 24px}.hubExplained .studioMetrics{justify-content:flex-start;margin-top:22px}.hubExplained .studioMetrics>div{flex:none;max-width:245px}.hubPurpose{grid-template-columns:1fr;gap:24px;margin:0 10px 28px;padding-top:24px}.hubPurpose article+article{border-left:0;border-top:1px solid #ffffff38;padding:24px 0 0}.hubPurpose h3{font-size:1.55rem;max-width:none}.hubPurpose article p{font-size:.92rem;line-height:1.65}.hubPurposeFormats{gap:10px 18px;font-size:.8rem;padding-top:18px}.hubPurpose .hubPurposeScope{font-size:.78rem;margin-top:-8px}}