/* CG189 · /platform/ takes the Culture System and The Culture Lab as sections (Steven, Nov 2, 2:35). The section rules
   come over from bold-system-cg184.css (#week) and bold-lab-cg184.css (#listen); each block opens on its own master
   mark, eyebrow, heading, line and link out, from its retired one-sheet hero. */
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) #principles .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #order .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #case .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-lead{font-size:20px!important;line-height:1.55!important;max-width:680px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week{background:radial-gradient(70% 90% at 85% 0%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633!important;padding-top:152px!important;padding-bottom:160px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week h2,html body main#main:not(#z1):not(#z2):not(#z3) #week h3{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week h2 em{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-lead{color:#b9c4dd!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-k::before{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards{gap:20px!important;margin-top:96px!important;position:relative;border-top:2px solid rgba(255,255,255,.18)}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards li{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;padding:36px 32px 40px!important;margin-top:44px;position:relative;box-shadow:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards li::before{content:"";position:absolute;top:-53px;left:30px;width:14px;height:14px;border-radius:50%;background:#5b8cfa;box-shadow:0 0 0 6px rgba(91,140,250,.2)}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-ck{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.14em!important;text-transform:uppercase;color:#9dbbff!important;margin:0 0 24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards h3{font-size:32px!important;line-height:1.05!important;letter-spacing:-.9px!important;margin:0 0 16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards p:not(.os-ck){color:#b9c4dd!important;font-size:17px!important;line-height:1.6!important}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) #principles h2,html body main#main:not(#z1):not(#z2):not(#z3) #week h2,html body main#main:not(#z1):not(#z2):not(#z3) #order h2,html body main#main:not(#z1):not(#z2):not(#z3) #case h2,html body main#main:not(#z1):not(#z2):not(#z3) #family h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;max-width:none!important}
}
@media (max-width:760px){
html body main#main:not(#z1):not(#z2):not(#z3) #week{background:#0a1633!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week :is(h2,h3){color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week :is(.t9-lead,.os-cards p){color:#b9c4dd!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .os-cards li{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #week .t9-k::before{color:#fff!important}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) #listen{background:radial-gradient(70% 90% at 85% 0%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633!important;padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen h2,html body main#main:not(#z1):not(#z2):not(#z3) #listen h3{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen h2 em{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #listen li p{color:#b9c4dd!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .t9-k::before{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows{gap:24px!important;margin-top:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows li{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;padding:24px!important;gap:28px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows img{width:200px!important;height:200px!important;border-radius:16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows h3{font-size:32px!important;letter-spacing:-1px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-follow a{color:#fff!important}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) #what h2,html body main#main:not(#z1):not(#z2):not(#z3) #listen h2,html body main#main:not(#z1):not(#z2):not(#z3) #latest h2,html body main#main:not(#z1):not(#z2):not(#z3) #family h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;max-width:none!important}
}
@media (min-width:761px) and (max-width:1100px){
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows{gap:16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows li{gap:16px!important;padding:20px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows img{width:120px!important;height:120px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #listen .os-shows h3{font-size:24px!important}
}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head{background:#fff!important;padding-top:120px!important;padding-bottom:40px!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .os-mark{display:inline-flex!important;background:#fff;padding:12px 22px!important;border-radius:999px!important;border:1px solid #e3e8f2;box-shadow:0 1px 1px rgba(16,31,64,.03),0 24px 48px -28px rgba(16,31,64,.16);margin:0 0 24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .os-mark img{height:32px!important;width:auto!important;filter:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .px-kick{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#1559f5!important;margin:0 0 16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;color:#0a1633!important;max-width:none!important;margin:0 0 24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head h2 em{font-style:normal;color:#1559f5!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .px-dek{font-size:20px!important;line-height:1.55!important;color:#2a3446!important;max-width:720px!important;margin:0 0 24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .t9-btn.w{background:#1559f5!important;color:#fff!important;border-color:#1559f5!important}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head{padding-top:48px!important;padding-bottom:24px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .os-mark img{height:24px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head h2{font-size:40px!important;line-height:.98!important;margin-bottom:16px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .px-dek{font-size:17px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section.pf-head .t9-ctas a{min-height:48px}
}