.z-8{color:var(--color-faint)}
.w-5 {
  min-width: 0;
}
.px-top{margin-bottom:.6rem;overflow-wrap:anywhere;font-size:clamp(1.35rem,2.6vw,2.35rem)}
.mb-snug{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;min-height:2.75rem;color:var(--color-text)}
.mb-snug:hover {
  color: var(--color-key);
}
.skew-md {
  flex-shrink: 0;
  color: var(--color-key);
  font-size: .8em;
  line-height: 1.6;
}
.mb-snug:focus-visible,.inline-muted:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 4px;
}
.p {
  color: var(--color-faint);
  line-height: 1.65;
  font-size: .95rem;
  margin: 0;
  max-width: 65ch;
}
@media(max-width:700px){
.pt-none{align-items:start;flex-direction:column;gap:.75rem;padding-bottom:1.5rem}
.inline-muted{flex-shrink:1}
.cursor-scroll {
  grid-template-columns: minmax(0,1fr);
  gap: .75rem;
  padding-block: 1.5rem;
}
.items-5 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: .25rem 1rem;
}
.mb-snug{gap:.75rem}
.p{font-size:.9rem}
}
.text-wrap {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.block{gap:2rem;counter-reset:none;list-style:none;padding:0;display:grid;margin:0}
.pt-primary .block,.grow-contain .block {
  grid-template-columns: repeat(3,1fr);
}
.items-1.pt-primary .block,.items-1.grow-contain .block {
  grid-template-columns: repeat(2,1fr);
}
.sr-gray-100.pt-primary .block,.sr-gray-100.grow-contain .block{grid-template-columns:repeat(4,1fr)}
.scale-12.pt-primary .block,.scale-12.grow-contain .block{grid-template-columns:repeat(5,1fr);gap:1.5rem}
.grow-contain .block{gap:2rem 3rem}
.grow-contain .h-screen:nth-child(even) {
  margin-top: 2.5rem;
}
.inline-gray-500 .block{gap:0;max-width:44rem}
.inline-gray-500 .h-screen{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding-bottom:2rem;position:relative}
.inline-gray-500 .h-screen::before{position:absolute;top:3rem;background:var(--color-rule);bottom:0;left:1.375rem;width:2px;content:""}
.inline-gray-500 .h-screen:last-child::before{display:none}
.origin.inline-gray-500 .h-screen::before{background:rgba(255,255,255,.18)}
.delay-secondary{font-weight:700;align-items:center;margin-bottom:1rem;justify-content:center;font-family:var(--font-display);display:inline-flex}
.cursor .delay-secondary{height:2.75rem;border-radius:50%;width:2.75rem;font-size:1.1rem;background:var(--color-key);color:var(--color-brand-contrast)}
.order-max .delay-secondary{opacity:.9;color:var(--color-key);line-height:1;font-size:3rem}
.origin.order-max .delay-secondary {
  color: var(--color-brand-inverse);
}
.content-20 .delay-secondary {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-key);
  color: var(--color-key);
  font-size: 1.1rem;
}
.origin.content-20 .delay-secondary{border-color:var(--color-brand-inverse);color:var(--color-brand-inverse)}
.cursor-circle{margin-bottom:.35rem;font-size:1.1rem}
.order {
  color: var(--color-faint);
  margin: 0;
  font-size: .95rem;
}
.origin .order {
  color: var(--color-dark-fg-muted);
}
@media (max-width:900px){.pt-primary .block,.grow-contain .block,.sr-gray-100.pt-primary .block,.sr-gray-100.grow-contain .block,.scale-12.pt-primary .block,.scale-12.grow-contain .block{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pt-primary .block,.grow-contain .block,.items-1.pt-primary .block,.sr-gray-100.pt-primary .block,.scale-12.pt-primary .block,.items-1.grow-contain .block,.sr-gray-100.grow-contain .block,.scale-12.grow-contain .block {
  grid-template-columns: 1fr;
}.grow-contain .h-screen:nth-child(even){margin-top:0}}
.h-snug {
  overflow-wrap: anywhere;
}
.list-0{max-width:50rem;text-align:center;margin:0 auto 3rem}
.list-0 h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.inset-contain {
  display: grid;
  grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr);
  gap: clamp(1rem, 3vw, 3rem);
  padding: clamp(1.25rem, 3vw, 3rem);
  border-top: 1px solid var(--color-rule);
}
.inset-contain:nth-child(odd) {
  background: var(--color-card);
}
.fixed-4 {
  max-width: 20ch;
}
.mt-hidden {
  max-width: 70ch;
}
.mt-hidden p:last-child{margin-bottom:0}
@media (max-width: 640px){
.inset-contain{grid-template-columns:minmax(0, 1fr)}
.fixed-4 {
  max-width: none;
}
}
.list-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1.75rem,5vw,4rem);align-items:center;padding:clamp(1.75rem,5vw,3.25rem);border-radius:var(--radius-xl)}
.origin-none{border:2px solid var(--color-key)}
.inset-gray-900 {
  background: var(--color-card);
}
.tracking-2xl{background:var(--color-key);color:var(--color-brand-contrast)}
.clearfix-4 {
  font-weight: 700;
  color: var(--color-label);
  text-transform: var(--case-eyebrow);
  display: block;
  font-size: .8rem;
  letter-spacing: var(--tracking-eyebrow);
  margin-bottom: .7rem;
}
.tracking-2xl .clearfix-4,.tracking-2xl .object-start{color:var(--color-brand-contrast)}
.object-start {
  margin-bottom: .9rem;
}
.z-visible {
  margin-bottom: 1.6rem;
  opacity: .9;
}
.translate-medium{margin:0;list-style:none;display:grid;padding:0;gap:1rem}
.flex-bottom{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--color-page);color:var(--color-text);font-weight:600;box-shadow:var(--shadow-soft)}
.pb-third{border-radius:50%;flex:none;background:var(--color-key);color:var(--color-brand-contrast);width:1.9rem;height:1.9rem;place-items:center;display:grid}
.pb-third svg{width:1rem;height:1rem}
@media (max-width:820px){
.list-top {
  grid-template-columns: minmax(0,1fr);
}
}
.fixed-lg{display:flex;position:relative;align-items:center;color:var(--color-dark-fg);padding-block:calc(var(--spacing-block) * .9);overflow:hidden;min-height:18rem;isolation:isolate}
.decoration-row{inset:0;object-fit:cover;position:absolute;z-index:-2;width:100%;height:100%}
.self-medium {
  z-index: -1;
  position: absolute;
  inset: 0;
}
.z-lg .self-medium{background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7))}
.my-0 .self-medium{opacity:.88;background:var(--color-key)}
.my-0 {
  color: var(--color-brand-contrast);
}
.pt-16 {
  width: min(100% - 2.5rem,var(--container-content));
}
.skew-bottom .pt-16{text-align:center}
.bg-decimal {
  font-size: .85rem;
  margin-bottom: .75rem;
  opacity: .85;
}
.pt{color:inherit}
.pt:hover {
  text-decoration: underline;
  color: inherit;
}
.left-y {
  margin: 0 .5rem;
}
.leading-light {
  opacity: .8;
}
.grow-row {
  color: inherit;
  margin-bottom: .5rem;
}
.row-sm{opacity:.9;font-size:1.1rem;max-width:40rem;margin:0}
.skew-bottom .row-sm {
  margin-inline: auto;
}
.flex-wrap{max-width:56rem}
.inset-16 {
  margin-bottom: 2rem;
}
.whitespace {
  margin: 0;
  border-top: 1px solid var(--color-rule);
  padding: 0;
  list-style: none;
}
.transition-tight {
  display: grid;
  grid-template-columns: 14rem 1fr;
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--color-rule);
  align-items: start;
}
.items-medium .transition-tight{grid-template-columns:1fr 14rem}
.items-medium .min-h-square {
  order: 2;
}
.border-auto .transition-tight{grid-template-columns:1fr}
.min-h-square {
  display: block;
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.order-gray-900{width:100%;aspect-ratio:4/3;object-fit:cover}
.object-5 {
  margin-bottom: .5rem;
  font-size: .85rem;
  display: block;
  color: var(--color-faint);
}
.justify-screen{margin-bottom:.5rem;font-size:1.4rem}
.text-gray-100{color:var(--color-text)}
.text-gray-100:hover {
  color: var(--color-key);
}
.ring-xl{margin-bottom:.5rem;color:var(--color-faint)}
.leading-full{font-weight:600}
@media (max-width:640px){
.transition-tight,.items-medium .transition-tight {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.items-medium .min-h-square{order:0}
}
.transition-around{display:grid;grid-template-columns:2fr 3fr;gap:3rem}
.min-h-x{padding:1.5rem 1.75rem;margin:2rem 0 0;background:var(--color-card);border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:4px solid var(--color-key)}
.origin-right {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-family: var(--font-display);
}
.not-sr-col{font-style:normal;font-size:.9rem;color:var(--color-faint)}
@media (max-width:860px){
.transition-around {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.order-black {
  margin: 0 auto clamp(2.5rem,5vw,4rem);
  max-width: 44rem;
  text-align: center;
}
.scale-decimal {
  margin-bottom: .9rem;
}
.space-third {
  margin: 0;
}
.align-square {
  grid-template-columns: repeat(3,minmax(0,1fr));
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}
.clearfix-start{grid-template-columns:repeat(4,minmax(0,1fr))}
.break-quarter{border-inline-start:1px solid var(--color-rule);padding:0 clamp(1rem,2.5vw,2rem)}
.break-quarter:first-child{padding-inline-start:0;border-inline-start:0}
.align-quarter{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;font-family:var(--font-display);line-height:1;margin-bottom:1rem;display:block}
.mb-min .align-quarter {
  -webkit-text-stroke: 1.5px var(--color-key);
  color: transparent;
}
.translate-10 .align-quarter{color:var(--color-key)}
.truncate{font-size:1.2rem;margin-bottom:.5rem}
.inset-cover{margin:0;color:var(--color-faint)}
@media (max-width:900px){.align-square,.clearfix-start {
  row-gap: 2.5rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}.break-quarter:nth-child(odd) {
  border-inline-start: 0;
  padding-inline-start: 0;
}}
@media (max-width:560px){
.align-square,.clearfix-start {
  grid-template-columns: minmax(0,1fr);
}
.break-quarter {
  padding-bottom: 1.5rem;
  border-inline-start: 0;
  padding-inline-start: 0;
  border-bottom: 1px solid var(--color-rule);
}
}
.align-start{max-width:52rem;margin-bottom:2.5rem}
.translate-sm {
  margin-bottom: 1rem;
}
.absolute-top{margin-bottom:0}
.skew-pointer {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  list-style: none;
}
.order-20 {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-inline-end: 1.5rem;
}
.order-20:last-child{padding-inline-end:0}
.order-20:not(:last-child)::before{top:1.5rem;height:2px;position:absolute;inset-inline-end:0;background:var(--color-rule);content:"";inset-inline-start:1.5rem}
.list {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 3rem;
  height: 3rem;
  border: 2px solid var(--color-key);
  border-radius: 50%;
  background: var(--color-page);
  color: var(--color-text);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  margin-bottom: 1.5rem;
}
.top {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.align-0{margin:0 0 .8rem;font-size:1.2rem;line-height:1.35;overflow-wrap:anywhere}
.justify-secondary{overflow-wrap:anywhere;color:var(--color-faint);margin:0 0 1.5rem;hyphens:auto}
.mx-max {
  padding-top: 1rem;
  border-top: 2px solid var(--color-rule);
  margin-top: auto;
}
.max-w-2{margin:0 0 .4rem;font-size:.8rem;font-weight:700;overflow-wrap:anywhere}
.justify-light{overflow-wrap:anywhere;margin:0;hyphens:auto;font-size:.95rem}
@media(max-width:1000px){
.skew-pointer {
  display: block;
}
.order-20 {
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr);
  gap: 1.25rem;
  padding: 0 0 2rem;
}
.order-20:last-child{padding-bottom:0}
.order-20:not(:last-child)::before{inset-inline-start:1.5rem;bottom:0;top:1.5rem;width:2px;height:auto;inset-inline-end:auto}
.list{margin:0}
.mx-max{margin-top:0}
.align-start{margin-bottom:2rem}
}
@media(max-width:400px){.order-20 {
  gap: .8rem;
}}
.bg-20 {
  background: var(--color-page);
  padding-block: calc(var(--spacing-block) * .85);
  overflow-wrap: anywhere;
}
.translate-1 {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.mb-auto {
  font-size: .8rem;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-key);
  max-width: 75%;
  font-weight: 600;
  text-transform: var(--case-eyebrow);
}
.decoration {
  background: var(--color-rule);
  height: 1px;
  flex: 1;
}
.divide-sm .decoration {
  height: 3px;
  background: var(--color-key);
}
.basis-disc{margin:0;line-height:1.1;font-size:calc(var(--text-h1) * 1.2);max-width:24ch;padding-bottom:1.8rem}
.top-none{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start;border-top:1px solid var(--color-rule);padding-top:1.3rem}
.transition-normal{font-size:.8rem;font-weight:600;color:var(--color-faint);max-width:24rem}
.rotate {
  grid-template-columns: minmax(0,1fr);
}
.pb-bold{max-width:42rem;line-height:1.7;font-size:1.1rem;margin:0;color:var(--color-faint)}
@media (max-width:640px){.basis-disc{font-size:var(--text-h1)}.top-none{grid-template-columns:1fr;gap:1rem}.transition-normal{display:none}.pb-bold{font-size:1rem}}
.not-sr-secondary {
  max-width: 45rem;
  margin-bottom: 3rem;
}
.block-fit {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,5rem);
  align-items: start;
}
.w-20 {
  grid-template-columns: minmax(0,1fr);
  max-width: 40rem;
  margin-inline: auto;
}
.transition-full{min-width:0}
.left-light{aspect-ratio:6/5;object-fit:cover;border-radius:var(--radius-xl);object-position:center 30%;width:100%}
.delay-end {
  padding-top: 1.5rem;
}
.ease-full{font-size:.8rem;margin-bottom:.4rem;color:var(--color-key);display:block}
.origin-disc {
  overflow-wrap: anywhere;
  font-size: 1.35rem;
}
.inset-end {
  font-size: .95rem;
  color: var(--color-faint);
  margin: 0;
}
.select-xs {
  border-top: 1px solid var(--color-rule);
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-white{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.25rem;padding-block:1.8rem;border-bottom:1px solid var(--color-rule)}
.place-8{object-fit:cover;height:4.5rem;width:4.5rem;border-radius:50%}
.block-white:not(:has(.place-8)) {
  grid-template-columns: minmax(0,1fr);
}
@media(max-width:760px){
.block-fit {
  grid-template-columns: minmax(0,1fr);
}
.not-sr-secondary{margin-bottom:2rem}
}
.truncate-fit {
  margin: 0 auto 2.5rem;
  max-width: 42rem;
  text-align: center;
}
.overflow{margin-bottom:0}
.translate {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}
.list-screen .translate{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.z-dark .translate{max-width:46rem;margin:0 auto}
.content-auto{display:grid;gap:1.75rem;min-width:0;padding:2rem;border:1px solid var(--color-rule);border-radius:var(--radius-xl);background:var(--color-page)}
.basis{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.65rem}
.grid-col{font-weight:600}
.delay-xs{line-height:1.2;font-family:var(--font-display);white-space:nowrap;font-size:1.3rem;font-weight:700;color:var(--color-key)}
.min-h-quarter{width:100%;accent-color:var(--color-key);margin:0;display:block;height:1.5rem;cursor:pointer}
.min-h-quarter:focus-visible,.whitespace-muted:focus-visible{outline:3px solid var(--color-key);outline-offset:3px}
.ml-between{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.35rem;font-size:.8rem;color:var(--color-faint)}
.col-4 {
  padding: 0;
  border: 0;
  margin: 0;
  min-width: 0;
}
.pt-full{margin-bottom:.8rem;font-weight:600;padding:0}
.row-pointer{display:grid}
.ease-end {
  display: flex;
  align-items: center;
  gap: .75rem;
  cursor: pointer;
}
.truncate-y .ease-end{padding:.7rem 0;border-top:1px solid var(--color-rule)}
.truncate-y .ease-end:last-child {
  border-bottom: 1px solid var(--color-rule);
}
.ml .row-pointer {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.ml .ease-end{gap:.55rem;padding:.55rem .95rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-card)}
.ml .ease-end:has(:checked){border-color:var(--color-key);box-shadow:inset 0 0 0 1px var(--color-key)}
.whitespace-muted {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0;
  accent-color: var(--color-key);
  cursor: pointer;
}
.align-xs {
  min-width: 0;
  flex: 1;
}
.h-left{font-size:.92rem;white-space:nowrap;color:var(--color-faint)}
.py-decimal {
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--color-rule);
  border-top: 4px solid var(--color-key);
  border-radius: var(--radius-xl);
  background: var(--color-card);
  box-shadow: var(--shadow-soft);
}
.list-screen .py-decimal{top:6rem;position:sticky}
.row-row {
  color: var(--color-faint);
  margin: 0 0 .35rem;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.opacity-2xl{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0 0 1.25rem}
.text-muted{overflow-wrap:anywhere;font-family:var(--font-display);line-height:1.1;color:var(--color-text);font-size:2.4rem;font-weight:700}
.space-muted {
  color: var(--color-faint);
  font-size: .95rem;
}
.self-white {
  list-style: none;
  display: grid;
  border-top: 1px solid var(--color-rule);
  margin: 0 0 1.25rem;
  font-size: .92rem;
  padding: 1rem 0 0;
  gap: .5rem;
}
.grid-wide{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.grid-wide[hidden]{display:none}
.border-visible {
  min-width: 0;
  color: var(--color-faint);
}
.mb-between{opacity:.85;font-size:.8rem;display:block}
.max-w-12 {
  white-space: nowrap;
  font-weight: 600;
}