/* CG184 · /system/, 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-sec h2 em{font-style:normal}
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:88px!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:720px!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-field{display:grid;grid-template-columns:5fr 7fr;height:760px;overflow:hidden;background:#0a1633;position:relative}
html body main#main:not(#z1):not(#z2):not(#z3) .up-field img{grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:30% 30%}
html body main#main:not(#z1):not(#z2):not(#z3) .up-field .sc{display:none}
html body main#main:not(#z1):not(#z2):not(#z3) .up-field .ov{grid-column:1;grid-row:1;align-self:center;color:#fff;padding:0 64px 0 max(56px,calc(50vw - 544px))}
html body main#main:not(#z1):not(#z2):not(#z3) .up-field .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-field p{font:400 20px/1.55 Rubik;color:#d5def2;margin:0;max-width:520px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-field .cap{position:absolute;right:40px;bottom:40px;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) #principles{padding-top:152px!important;padding-bottom:140px!important}
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) #principles .os-list{margin-top:72px!important;border-top:2px solid #0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) #principles .os-list li{grid-template-columns:200px 1fr!important;padding:44px 0!important;align-items:start}
html body main#main:not(#z1):not(#z2):not(#z3) #principles .os-n{font:800 88px/.85 Rubik!important;letter-spacing:-4px!important;color:#1559f5!important}
html body main#main:not(#z1):not(#z2):not(#z3) #principles .os-list h3{font-size:40px!important;line-height:1.02!important;letter-spacing:-1.6px!important;margin:0 0 16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #principles .os-list p{font-size:20px!important;line-height:1.55!important;max-width:720px}
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}
html body main#main:not(#z1):not(#z2):not(#z3) #order{padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px;margin-top:80px!important;border:0!important;align-items:start}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li{display:block!important;border:1px solid #e3e8f2!important;border-radius:24px;padding:32px 24px 36px!important;background:#fff;height:340px!important;min-height:340px!important;box-sizing:border-box}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(2){margin-top:40px}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(3){margin-top:80px}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(4){margin-top:120px}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(5){margin-top:160px;background:linear-gradient(180deg,#1559f5 0%,#0a1633 100%);border-color:transparent!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps .os-n{display:block;font:800 72px/1 Rubik!important;letter-spacing:-3px!important;color:#1559f5!important;margin-bottom:56px}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps h3{font-size:24px!important;line-height:1.08!important;letter-spacing:-.7px!important;margin:0 0 12px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps p{font-size:15px!important;line-height:1.55!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(5) .os-n{color:#9dbbff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(5) h3{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #order .os-steps li:nth-child(5) p{color:#d5def2!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case{padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case{display:grid!important;grid-template-columns:1fr 1fr;padding:0!important;border-radius:24px!important;overflow:hidden;margin-top:64px!important;background:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case .up-photo{grid-column:1;grid-row:1/span 4;width:100%;height:100%;min-height:640px;object-fit:cover;object-position:40% 50%}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case>*:not(.up-photo){grid-column:2;margin-left:56px!important;margin-right:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case-marks{margin-top:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case-marks img{height:40px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-rec{grid-template-columns:1fr 1fr!important;gap:40px 32px!important;margin-top:40px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-rec div{border-top:2px solid #0a1633;padding-top:20px!important;border-left:0!important;padding-left:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-rec dt{font-size:72px!important;letter-spacing:-3px!important;line-height:1!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-rec dd{font-size:15px!important;line-height:1.5!important;margin-top:12px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-src{font-size:13px!important;margin-top:36px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #case .os-case .cg-more{margin-bottom:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family{background:#fff!important;padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-own-grid{gap:20px!important;margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile{border-radius:24px!important;overflow:hidden;padding:0 32px 32px!important;min-height:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile .up-photo{display:block;width:calc(100% + 60px);max-width:none;margin:0 -32px 24px;height:230px;object-fit:cover;object-position:50% 30%;flex:none}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-mark img{height:36px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-line{font-size:20px!important;line-height:1.4!important}
html body main#main:not(#z1):not(#z2):not(#z3) #start{background:linear-gradient(90deg,rgba(17,72,212,.95) 0%,rgba(21,89,245,.82) 55%,rgba(21,89,245,.55) 100%),url(/img/founder/hhcfuturedallasspeakers-214-1600-2ce2305b.webp) 50% 30%/cover!important;padding-top:160px!important;padding-bottom:168px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #start .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,10.42vw,150px)!important;letter-spacing:-.046em!important;line-height:.9!important;max-width:none!important}
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) .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-field h2{font:800 clamp(48px,5.2vw,76px)/.95 Rubik,sans-serif!important;letter-spacing:-.042em!important;color:#fff!important;margin:24px 0 32px!important;max-width:none!important}html body main#main:not(#z1):not(#z2):not(#z3) .up-field .k{margin:0}}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field{display:flex;flex-direction:column;background:#0a1633;color:#fff;position:relative}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field img{width:100%;height:360px;object-fit:cover;object-position:30% 30%}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field .ov{padding:28px 20px 40px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field .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-field h2{font:800 40px/1 Rubik,sans-serif!important;letter-spacing:-.04em!important;color:#fff!important;margin:12px 0 16px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field p{color:#d5def2;font-size:17px;line-height:1.55;margin:0}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-field .cap{position:absolute;left:20px;top:316px;font:500 13px/1 Rubik,sans-serif;background:rgba(10,22,51,.6);padding:8px 12px;border-radius:999px;color:#fff}
  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}
}