/* CG184 · /lab/, from the approved bold sheet. */
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .px-kick{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#bfd0ff!important}
html body main#main:not(#z1):not(#z2):not(#z3){counter-reset:chap}
html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k{counter-increment:chap;font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#1559f5!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k::before{content:counter(chap,decimal-leading-zero) "  ·  ";white-space:pre;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero{background:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)!important;padding-bottom:80px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark{padding:16px 24px!important;border-radius:999px!important;box-shadow:0 14px 40px rgba(10,22,51,.22),0 2px 6px rgba(10,22,51,.12)!important;margin-bottom:32px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark img{height:40px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero h1 em{font-style:normal;color:#9dbbff}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .px-dek{font-size:20px!important;line-height:1.5!important;max-width:700px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass{background:rgba(10,22,51,.30)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(14px)}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-glass{margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dt{font-size:64px!important;letter-spacing:-2.5px!important;line-height:1!important}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note{display:grid;grid-template-columns:1fr 1fr 1.4fr;height:720px;background:#0a1633;color:#fff;overflow:hidden}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note figure{margin:0;position:relative;overflow:hidden}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note figcaption{position:absolute;left:24px;bottom:24px;font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;background:rgba(10,22,51,.6);backdrop-filter:blur(10px);padding:8px 16px;border-radius:999px;color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note .tx{display:flex;flex-direction:column;justify-content:center;padding:0 80px 0 72px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note .k{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;color:#bfd0ff;text-transform:uppercase}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note h2{font:800 56px/1 Rubik!important;letter-spacing:-2.2px!important;color:#fff;margin:24px 0 36px;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) .up-note a{align-self:flex-start;display:inline-flex;gap:8px;background:#fff;color:#0a1633;border-radius:999px;padding:16px 24px;font:600 17px Rubik;text-decoration:none}
html body main#main:not(#z1):not(#z2):not(#z3) #what{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #what .os-cards{gap:20px!important;margin-top:64px!important;counter-reset:card}
html body main#main:not(#z1):not(#z2):not(#z3) #what .os-cards li{border-radius:24px!important;padding:36px 32px!important;counter-increment:card}
html body main#main:not(#z1):not(#z2):not(#z3) #what .os-cards li::before{content:counter(card,decimal-leading-zero);display:block;font:800 56px/1 Rubik;letter-spacing:-2.5px;color:#1559f5;margin-bottom:24px}
html body main#main:not(#z1):not(#z2):not(#z3) #what .os-cards h3{font-size:32px!important;letter-spacing:-.8px!important}
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}
html body main#main:not(#z1):not(#z2):not(#z3) #latest{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #latest .os-eps{gap:20px!important;margin-top:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #latest .os-ep{border-radius:24px!important;padding:0 0 24px!important;overflow:hidden}
html body main#main:not(#z1):not(#z2):not(#z3) #latest .os-ep img{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:0!important;margin:0 0 24px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #latest .os-ep>span{padding:0 24px!important;box-sizing:border-box}
html body main#main:not(#z1):not(#z2):not(#z3) #latest .os-ept{font-size:20px!important;line-height:1.2!important;letter-spacing:-.4px}
html body main#main:not(#z1):not(#z2):not(#z3) #family{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-own-grid{gap:20px!important;margin-top:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile{border-radius:24px!important;padding:40px 32px!important;min-height:260px}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-mark img{height:44px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-line{font-size:20px!important;line-height:1.35!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-close{background:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)!important;padding-top:152px!important;padding-bottom:160px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-close .os-cdek{font-size:20px!important;max-width:680px!important}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero h1{font-size:clamp(80px,9.44vw,136px)!important;letter-spacing:-.046em!important;line-height:.9!important;max-width:none!important}
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 (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark{padding:10px 18px!important;border-radius:999px!important;margin-bottom:20px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark img{height:28px!important;width:auto!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .px-dek{color:#dbe5ff!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dd,html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dd *{color:rgba(255,255,255,.88)!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1559f5!important;counter-increment:chap}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k::before{content:counter(chap,decimal-leading-zero) "  \00B7  ";white-space:pre;color:#0a1633}
  html body main#main:not(#z1):not(#z2):not(#z3)  .up-photo{display:block;width:100%!important;max-width:none!important;height:200px!important;object-fit:cover;margin:0 0 20px!important;border-radius:16px}
}
main#main{counter-reset:chap}
@media (min-width:761px){html body main#main:not(#z1):not(#z2):not(#z3) .up-note h2{font:800 clamp(32px,2.8vw,40px)/1.05 Rubik,sans-serif!important;letter-spacing:-.04em!important;color:#fff!important;margin:24px 0 36px!important;max-width:none!important}html body main#main:not(#z1):not(#z2):not(#z3) .up-note .k{margin:0}}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note{display:grid;grid-template-columns:1fr 1fr;background:#0a1633;color:#fff}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note figure{margin:0;position:relative;height:260px;overflow:hidden}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note figcaption{position:absolute;left:8px;right:8px;bottom:8px;font:500 13px/1.2 Rubik,sans-serif;color:#fff;background:rgba(10,22,51,.6);padding:8px 10px;border-radius:12px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note .tx{grid-column:1/-1;padding:28px 20px 36px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note .k{margin:0;font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#bfd0ff}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note h2{font:800 32px/1.02 Rubik,sans-serif!important;letter-spacing:-.03em!important;color:#fff!important;margin:12px 0 20px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-note a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:#fff;color:#0a1633;font:600 15px Rubik,sans-serif;text-decoration:none}
}
@media (min-width:761px) and (max-width:1100px){
  html body main#main:not(#z1):not(#z2):not(#z3) .os-shows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-shows li{min-width:0}
}
@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}
}