.facts { width: 100%; margin: 0; padding: var(--section-y) 0 0; box-sizing: border-box; }   
.facts__card { max-width: var(--maxw); margin: 0 auto; }

.facts__intro { max-width: none; margin: 0 0 32px; padding-inline: var(--gutter); text-align: left; }
.facts__lede { margin: 0; font: 500 var(--fs-h2)/1.12 var(--font-display, var(--serif)); letter-spacing: -.01em; color: #03070D;}
.facts__lede.facts__lede--2 { margin-top: 16px; font: 400 var(--fs-lead)/1.5 var(--font-body, Outfit, sans-serif); letter-spacing: 0; color: rgb(3 7 13 / .72);}

.facts .facts__grid { display: flex; align-items: stretch; gap: 16px; margin: 0; padding: 4px var(--gutter) 12px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; overscroll-behavior-x: contain; }
.facts__grid::-webkit-scrollbar { display: none; }
.facts__grid::after { content: ""; flex: 0 0 max(0px, calc(36px - var(--gutter))); }   
.facts__cell { flex: 0 0 min(78vw, 340px);    display: flex; flex-direction: column; box-sizing: border-box; padding: 20px; scroll-snap-align: start; background: var(--rx-ink, #03070D); color: #FFFFFF; border-radius: var(--radius-card); box-shadow: var(--rx-elev-2); }
.facts__k { margin: 0; font: 600 var(--fs-label)/1.3 var(--font-body, Outfit, sans-serif); letter-spacing: .06em; color: rgb(255 255 255 / .72); }
.facts__h { margin: 8px 0 8px; font: inherit; }   
.facts__h .fx-n { display: block; font: 400 32px/1 var(--font-display, var(--serif)); letter-spacing: -.02em; white-space: nowrap; color: var(--rx-gold); }
.facts__h .fx-l { display: block; margin-top: 8px; font: 500 var(--fs-lead)/1.25 var(--font-display, var(--serif)); color: #FFFFFF; }

.facts__bw { display: block; }
.facts__b { margin: 8px 0 0; font: 300 var(--fs-small)/1.5 var(--font-body, Outfit, sans-serif); color: rgb(255 255 255 / .86); }

.facts__dots { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
.facts__dots i { display: block; width: 6px; height: 6px; border-radius: 3px; overflow: hidden; background: rgb(3 7 13 / .28); transition: width .24s ease-out; }
.facts__dots i b { display: block; height: 100%; background: #03070D; transform: scaleX(0); transform-origin: 0 50%; }
.facts__dots i.is-on { width: 24px; }
.facts__dots i.is-on b { animation: facts-fill var(--fx-dwell, 6000ms) linear forwards; animation-play-state: var(--fx-play, running); }
@keyframes facts-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
html[data-motion="off"] .facts__dots i.is-on b, .facts.is-still .facts__dots i.is-on b { animation: none; transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .facts__dots i.is-on b { animation: none; transform: scaleX(1); } .facts__dots i { transition: none; } }

.facts .facts__status { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin: 16px 0 0; padding: 0 var(--gutter); list-style: none; text-align: left; }

.facts__status li { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; border: 0; font: 700 var(--fs-small)/1.3 var(--font-body, Outfit, sans-serif); letter-spacing: .01em; color: #03070D; white-space: nowrap; }
.facts__status li::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: rgb(3 7 13 / .32); }
.facts__status li:last-child::before { background: var(--rx-gold); box-shadow: 0 0 0 3px rgb(187 160 113 / .28); }
@media (min-width: 768px) {
  .facts__cell { flex-basis: calc((100vw - 2 * var(--gutter) - 16px) / 2 - 24px); }
  .facts__grid::after { flex-basis: calc((100vw - 2 * var(--gutter) - 16px) / 2 + 8px - var(--gutter)); }
  .facts__h .fx-n { font-size: 40px; }
}
@media (min-width: 1024px) {
  .facts { padding: 64px 0 0; }
  .facts__card { padding-inline: var(--gutter); }   
  .facts__intro { padding-inline: 0; }
  .facts .facts__status { flex-wrap: nowrap; gap: 0 32px; margin-top: 24px; padding: 0; }
  .facts .facts__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; scroll-snap-type: none; padding: 0; }
  .facts__grid::after { display: none; }
  .facts__cell { flex: none; padding: 24px; }
  .facts__dots { display: none; }
}

.facts__lede { font-size: calc(var(--fs-h2) * .75); }
.facts__lede.facts__lede--2 { margin-top: 10px; font-size: var(--fs-body); }
.facts__intro { margin-bottom: 20px; }
html :is(.facts__cell.facts__cell--ph.has-ph) { background-size: cover; background-position: center; background-repeat: no-repeat; }
html :is(.facts__cell.facts__cell--ph1.has-ph) { background-image: linear-gradient(155deg, rgb(3 7 13 / .82) 0%, rgb(3 7 13 / .9) 100%), url(../beyond/media/summit-hall-800.webp); background-image: linear-gradient(155deg, rgb(3 7 13 / .82) 0%, rgb(3 7 13 / .9) 100%), image-set(url(../beyond/media/summit-hall-800.avif) type("image/avif"), url(../beyond/media/summit-hall-800.webp) type("image/webp")); }
html :is(.facts__cell.facts__cell--ph2.has-ph) { background-image: linear-gradient(155deg, rgb(3 7 13 / .82) 0%, rgb(3 7 13 / .9) 100%), url(../beyond/media/griffin-networking-poster.webp); background-image: linear-gradient(155deg, rgb(3 7 13 / .82) 0%, rgb(3 7 13 / .9) 100%), image-set(url(../beyond/media/griffin-networking-poster.avif) type("image/avif"), url(../beyond/media/griffin-networking-poster.webp) type("image/webp")); }

.facts__title { margin: 0; font: 500 calc(var(--fs-h2) * .75)/1.12 var(--font-display, var(--serif));   
  letter-spacing: -.01em; color: #03070D;}
.facts__h--hl { margin: 12px 0 0; font: 400 32px/1.1 var(--font-display, var(--serif)); letter-spacing: -.02em; color: var(--rx-gold); }

.facts { padding-bottom: 44px; }

.facts { background-color: #FFFFFF; }

@media (min-width: 1024px) { .facts .facts__grid { gap: 24px; } }

.facts .facts__grid:focus-visible { outline: 2px solid var(--rx-ink, #03070D); outline-offset: 4px; border-radius: 12px; }

.facts { position: relative; isolation: isolate; }
.facts::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--rx-gold); opacity: .22; -webkit-mask: var(--lat-svg) 50% 0 / var(--lat-tile) auto repeat; mask: var(--lat-svg) 50% 0 / var(--lat-tile) auto repeat; }
@media (max-width: 767.98px) { .facts::before { opacity: .34; } }

@media (max-width: 767.98px) {
  .facts__dots { width: min(78vw, 340px); margin-left: var(--gutter); }
  .facts__dots i { background: rgb(3 7 13 / .55); }
  .facts__dots i b { background: #03070D; }
}

@media (min-width: 768px) { .facts::before { opacity: .32; } }

html body section.facts.s4--b{ padding-bottom: var(--sp-6, 40px); }
.s4__grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); margin: 0; padding: 0; list-style: none; }
.s4__c{ display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; align-content: start; min-width: 0; }
.s4__pg{ grid-row: 1; align-self: end; display: flex; align-items: flex-end; margin: 0 0 var(--sp-3, 12px); color: var(--rx-gold); }
.s4__ic{ display: block; max-width: 100%; height: auto; }
.s4__k{ grid-row: 2; margin: 0 0 var(--sp-1, 4px); font: 600 var(--fs-label)/var(--lh-label, 1.33) var(--font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--rx-gold); }
.s4__n{ grid-row: 3; margin: 0 0 var(--sp-2, 8px); font: 500 var(--fs-h3)/1.27 var(--font-display); color: #FFFFFF; }
.s4__n b{ font-weight: 400; font-size: var(--fs-h2); line-height: 1.1; letter-spacing: -.01em; }

.s4__n::before{ content: "\200B"; font-size: var(--fs-h2); line-height: 1.1; letter-spacing: 0; }
.s4__d{ grid-row: 4; margin: 0; font: 400 var(--fs-body)/1.6 var(--font-body); color: rgb(255 255 255 / .86); }
.s4--b .s4__grid{ gap: 12px; padding-inline: var(--gutter); }
.s4--b .s4__c{ padding: var(--sp-4, 16px); background: var(--rx-ink-2, #0B1018); border: 1px solid rgb(187 160 113 / .35); border-radius: var(--radius-card, 12px); box-shadow: var(--rx-elev-2, 0 8px 24px rgb(3 7 13 / .18)); }
@media (min-width: 48em){ .s4__grid{ grid-template-columns: repeat(4, minmax(0,1fr)); } .s4--b .s4__grid{ gap: 16px; } .s4--b .s4__c{ padding: var(--sp-5, 24px); } }
.s4__n i{ font-style: normal; color: var(--rx-gold); }

html body section.facts.s4--b{ padding-top: 88px; }
@media (min-width: 64em){ html body section.facts.s4--b{ padding-top: 104px; } }
@media (min-width: 48em){ .s4--b .s4__grid{ padding-inline: 0; } }   
@media (min-width: 64em){ .s4--b .s4__grid{ gap: 24px; } }          

html body section.facts.s4--b .s4__c{ border-radius: 0; }

@media (min-width: 64em){ html body section.facts.s4--b .s4__grid{ gap: var(--sp-4, 16px); } }

html body section.facts.s4--b .s4__pg{ margin-bottom: var(--sp-4, 16px); }

@media (max-width: 767.98px) { html body section.facts.s4--b { padding-bottom: var(--section-y); } }

html body .iso { display: block; width: 84px; height: 84px; max-width: none; }

@media (max-width: 374.98px) {
  html body section.facts.s4--b .s4__grid { grid-template-columns: minmax(0, 1fr); }
  html body section.facts.s4--b .s4__c { grid-row: auto; grid-template-rows: auto auto 1fr; grid-template-columns: 64px minmax(0, 1fr); column-gap: var(--sp-4, 16px); align-items: start; }
  html body section.facts.s4--b .s4__pg { grid-column: 1; grid-row: 1 / span 3; align-self: start; margin: 0; }
  html body section.facts.s4--b .s4__ic { width: 64px; height: 64px; }   
  html body section.facts.s4--b .s4__k { grid-column: 2; grid-row: 1; }
  html body section.facts.s4--b .s4__n { grid-column: 2; grid-row: 2; }
  html body section.facts.s4--b .s4__d { grid-column: 2; grid-row: 3; }
}

@media (min-width: 24em) { .s4__d .nobr { white-space: nowrap; } }