.pt-muted{display:flex;flex-direction:column;flex:1;min-width:0}
.static-half{font-size:1.2rem;line-height:1.35;margin:0 0 .8rem;overflow-wrap:anywhere}
.truncate-xl {
  color: var(--color-muted);
  margin: 0 0 1.5rem;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.block-x{margin-top:auto;padding-top:1rem;border-top:2px solid var(--color-edge)}
.border-disc{font-size:.8rem;font-weight:700;margin:0 0 .4rem;overflow-wrap:anywhere}
.bg-xl{font-size:.95rem;margin:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1000px){.max-w-decimal{display:block}.order {
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr);
  gap: 1.25rem;
  padding: 0 0 2rem;
}.order:last-child{padding-bottom:0}.order:not(:last-child)::before {
  inset-inline-start: 1.5rem;
  inset-inline-end: auto;
  top: 1.5rem;
  bottom: 0;
  width: 2px;
  height: auto;
}.flex-x{margin:0}.block-x {
  margin-top: 0;
}.whitespace-xs{margin-bottom:2rem}}
@media(max-width:400px){
.order{gap:.8rem}
}
.ring-secondary {
  padding-block: calc(var(--spacing-block) * .7);
  background: var(--color-canvas);
  overflow-wrap: anywhere;
}
.text-end{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-card);border:1px solid var(--color-edge);border-radius:var(--radius-large);overflow:hidden}
.p-5 {
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
  border-top: 4px solid var(--color-primary);
}
.items-full .p-5 {
  border-top: 0;
  border-left: 4px solid var(--color-primary);
}
.align-start{color:var(--color-primary)}
.left-hidden {
  max-width: 22ch;
  font-size: calc(var(--text-h1) * .88);
  line-height: 1.15;
}
.my {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--color-muted);
  max-width: 38rem;
  margin: 1.2rem 0 0;
}
.basis-min {
  margin: 0;
  min-width: 0;
  display: flex;
  padding: .8rem;
}
.top-12 {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  border-radius: var(--radius-sm);
  aspect-ratio: 4/5;
}
@media (max-width:700px){
.text-end{grid-template-columns:1fr}
.left-hidden {
  font-size: var(--text-h1);
}
.basis-min{padding:0 1.25rem 1.25rem}
.top-12{aspect-ratio:16/7;height:auto;min-height:0}
.my{font-size:1rem}
}
.space-col {
  min-width: 0;
}
.visible-12{max-width:54rem;margin-bottom:2rem}
.ease-between{overflow-wrap:anywhere}
.space-circle{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}
.clearfix{min-width:0;overflow-wrap:anywhere}
.clearfix h3{margin:0 0 .6rem;font-size:1.2rem}
.clearfix p {
  margin: 0;
  line-height: 1.7;
}
.my-quarter {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: .7rem;
  color: var(--color-muted);
  overflow-wrap: anywhere;
}
.space-circle{grid-template-columns:repeat(3, minmax(0, 1fr))}
.clearfix {
  border: 1px solid var(--color-edge);
  padding: 1.6rem;
  border-radius: var(--radius-sm);
}
@media (max-width: 700px){
.space-circle{grid-template-columns:minmax(0, 1fr)}
.clearfix{grid-template-columns:minmax(0, 1fr);gap:.5rem}
}
.divide-gray-900{overflow-wrap:anywhere}
.font-left>* {
  min-width: 0;
}
.grow-col{max-width:24ch}
.ease-relaxed {
  color: var(--color-muted);
}
.align {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.font-left {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr);
  gap: clamp(2.5rem,7vw,7rem);
  align-items: center;
}
.grow-col {
  font-size: clamp(2rem,4.5vw,4rem);
  line-height: 1.1;
  max-width: 20ch;
}
.overflow-0 {
  font-family: var(--font-display);
  font-size: clamp(1.15rem,2vw,1.5rem);
  line-height: 1.6;
  border-left: 3px solid var(--color-primary);
  padding-left: 1.3rem;
  margin: 2rem 0;
  color: var(--color-fg);
}
.ease-relaxed{max-width:64ch;line-height:1.8}
.mb-disc{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1.5rem 0 2rem}
.left-disc {
  padding: .45rem .85rem;
  border: 1px solid var(--color-edge);
  border-radius: 2rem;
  font-size: .85rem;
  color: var(--color-fg);
  max-width: 100%;
}
.px-start {
  text-align: center;
  border-bottom: 1px solid var(--color-edge);
  padding-bottom: 1.5rem;
}
.m-decimal {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  border-radius: 50%;
  margin: 0 auto 2rem;
  max-width: 19rem;
}
.hidden-square {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
.sr-y{font-size:.85rem;color:var(--color-muted);margin:0;line-height:1.7}
.sr-y strong {
  font-weight: 500;
  color: var(--color-fg);
}
.align{display:inline-flex;gap:1.5rem;border-bottom:1px solid currentColor;padding-bottom:.4rem;font-weight:700}
@media(max-width:720px){
.font-left{grid-template-columns:1fr}
.px-start {
  display: grid;
  grid-template-columns: 6rem minmax(0,1fr);
  gap: .4rem 1.2rem;
  text-align: left;
  align-items: center;
}
.m-decimal {
  width: 6rem;
  margin: 0;
  grid-row: 1/3;
}
.hidden-square,.sr-y {
  margin: 0;
}
.grow-col{max-width:24ch}
}
.my-gray-100{max-width:46rem}
.truncate-around .my-gray-100{margin-left:auto;margin-right:auto}
.truncate-around .px-6{text-align:center}
.px-6 {
  margin-bottom: 1.5rem;
}
.ml-pointer{margin:0 0 1.1rem;line-height:1.7}
.mt-20{font-size:1.15rem;margin:1.75rem 0 .75rem}
.clearfix-lg {
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
  gap: .5rem;
}
.gap-row::marker{color:var(--color-primary)}
.space-sm{overflow-wrap:anywhere}
.pt-24>*{min-width:0}
.mr-max{max-width:24ch}
.max-w-gray-900 {
  color: var(--color-muted);
}
.scale-quarter{max-width:100%;white-space:normal;text-align:center}
.inset-snug{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:2.5rem}
.mr-max{font-size:clamp(2rem,4vw,3.7rem);max-width:22ch;margin-bottom:0}
.delay{margin:0;max-width:48ch}
.mt-gray-100 {
  margin: 0;
}
.decoration{width:100%;aspect-ratio:2.8/1;object-fit:cover;border-radius:var(--radius-large)}
.col-3 {
  padding: .9rem 0;
  color: var(--color-muted);
  font-size: .85rem;
}
.flex-bold{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;padding:1.2rem 0;margin:1rem 0 2.5rem;border-top:1px solid var(--color-edge);border-bottom:1px solid var(--color-edge);font-size:.85rem;color:var(--color-muted)}
.flex-bold strong,.translate-center{color:var(--color-fg);font-weight:700}
.whitespace-sm{columns:2;column-gap:clamp(2rem,5vw,5rem);column-rule:1px solid var(--color-edge);max-width:68rem;margin-inline:auto}
.block-visible{break-inside:avoid;line-height:1.85;color:var(--color-muted);margin-bottom:1.5rem}
.block-visible:first-child {
  font-size: 1.13rem;
  color: var(--color-fg);
}
@media(max-width:740px){
.inset-snug{grid-template-columns:1fr;gap:1.5rem}
.decoration {
  aspect-ratio: 16/10;
}
.whitespace-sm {
  columns: 1;
}
.flex-bold {
  justify-content: flex-start;
}
}
.origin-wrap {
  max-width: 46rem;
  margin-bottom: clamp(2rem,4vw,3rem);
}
.gap-col {
  margin-bottom: .9rem;
}
.m-lg{margin:0}
.max-w-muted{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem)}
.w-12{display:flex;flex-direction:column;min-width:0}
.my-left .w-12{border:1px solid var(--color-edge);border-radius:var(--radius-large);overflow:hidden;background:var(--color-canvas)}
.basis-2{width:100%;aspect-ratio:4/3;object-fit:cover}
.skew-sm .basis-2{border-radius:var(--radius-large)}
.max-w-secondary{padding-top:1.1rem}
.my-left .max-w-secondary{padding:1.25rem 1.4rem 1.5rem}
.mx-cover{font-size:1.2rem;margin-bottom:.45rem}
.origin-end {
  margin: 0;
  color: var(--color-muted);
}
.sr-white{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}
@media (max-width:900px){
.max-w-muted{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:600px){
.max-w-muted {
  grid-template-columns: minmax(0,1fr);
}
}
.m-screen{overflow-wrap:anywhere}
.whitespace-circle>* {
  min-width: 0;
}
.max-w-light {
  max-width: 24ch;
}
.static-8{color:var(--color-muted)}
.ml-0 {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.top-disc {
  text-align: center;
  max-width: 48rem;
  margin: 0 auto 3rem;
}
.max-w-light {
  margin-inline: auto;
}
.object-around{list-style:none;padding:0;margin:0;position:relative}
.object-around::before{content:'';position:absolute;left:50%;top:1.5rem;bottom:1.5rem;border-left:1px solid var(--color-edge)}
.pt-row{position:relative;padding-bottom:2rem}
.pt-row:last-child {
  padding-bottom: 0;
}
.select-gray-100 {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--color-canvas);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-size: .85rem;
  font-weight: 700;
}
.col-20 {
  width: calc(50% - 3rem);
  padding: clamp(1.4rem,2.8vw,2.4rem);
  border: 1px solid var(--color-edge);
  border-radius: var(--radius-large);
  background: var(--color-canvas);
}
.pt-row:nth-child(even) .col-20 {
  margin-left: auto;
  background: var(--color-dark-bg);
  color: var(--color-inverse-text);
  border-color: var(--color-dark-bg);
}
.sr-md {
  font-size: clamp(1.2rem,2.2vw,1.75rem);
}
.pt-row:nth-child(even) .sr-md{color:var(--color-inverse-text)}
.pt-row:nth-child(even) .static-8 {
  color: var(--color-dark-fg-muted);
}
.static-8 {
  margin-bottom: 1.5rem;
}
.mr {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding-top: 1rem;
  border-top: 1px solid var(--color-edge);
  font-size: .9rem;
}
.mr strong{font-size:.75rem;letter-spacing:.04em}
.pt-row:nth-child(even) .mr{border-color:var(--color-dark-raised)}
@media(max-width:760px){
.top-disc{text-align:left}
.max-w-light{margin-left:0}
.object-around::before{left:1rem}
.select-gray-100{left:1rem;width:2rem;height:2rem;border-width:3px;font-size:.65rem;top:1.3rem}
.col-20,.pt-row:nth-child(even) .col-20 {
  width: calc(100% - 3rem);
  margin-left: 3rem;
}
.pt-row {
  padding-bottom: 1rem;
}
}
.p{position:relative;isolation:isolate;display:flex;align-items:center;min-height:18rem;padding-block:calc(var(--spacing-block) * .9);color:var(--color-inverse-text);overflow:hidden}
.h-max{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.relative-12{position:absolute;inset:0;z-index:-1}
.pt-pointer .relative-12{background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7))}
.container-relaxed .relative-12{background:var(--color-primary);opacity:.88}
.container-relaxed{color:var(--color-primary-fg)}
.cursor-scroll{width:min(100% - 2.5rem,var(--container-page))}
.mt-gray-500 .cursor-scroll{text-align:center}
.pb-5 {
  font-size: .85rem;
  margin-bottom: .75rem;
  opacity: .85;
}
.overflow-contain{color:inherit}
.overflow-contain:hover {
  color: inherit;
  text-decoration: underline;
}
.shadow-between{margin:0 .5rem}
.my-white{opacity:.8}
.opacity-snug {
  color: inherit;
  margin-bottom: .5rem;
}
.mx-center{margin:0;font-size:1.1rem;opacity:.9;max-width:40rem}
.mt-gray-500 .mx-center {
  margin-inline: auto;
}
.justify-y{max-width:45rem;margin-bottom:3rem}
.space{overflow-wrap:anywhere}
.overflow-between {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-edge);
}
.z-2 {
  display: grid;
  grid-template-columns: 3.5rem minmax(0,.8fr) minmax(0,1.2fr);
  gap: 2rem;
  padding-block: 2rem;
  border-bottom: 1px solid var(--color-edge);
  align-items: start;
}
.rotate-end{font-family:var(--font-display);font-size:1.75rem;line-height:1.2;color:var(--color-primary);font-variant-numeric:tabular-nums}
.delay-top {
  font-size: 1.1rem;
  margin: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.max-w{margin:0;color:var(--color-muted)}
@media(max-width:760px){
.z-2 {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .75rem 1rem;
}
.max-w {
  grid-column: 2;
}
.justify-y {
  margin-bottom: 2rem;
}
}
.space-wide{padding-block:calc(var(--spacing-block) * .8)}
.leading-medium {
  background: var(--color-primary);
  color: var(--color-primary-fg);
}
.items-normal{background:var(--color-dark-bg);color:var(--color-inverse-text)}
.content-hidden{background:var(--color-card);color:var(--color-fg)}
.leading-medium .mt-start,.items-normal .mt-start {
  color: inherit;
}
.tracking-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.shadow-primary .tracking-10{flex-direction:column;text-align:center}
.mt-start {
  margin-bottom: .35rem;
}
.text-y {
  margin: 0;
  opacity: .85;
}
.ease-6{flex-shrink:0}
@media (max-width:720px){
.tracking-10 {
  flex-direction: column;
  align-items: flex-start;
}
.shadow-primary .tracking-10{align-items:center}
}
.opacity-between{max-width:44rem;margin-bottom:2.5rem}
.inset-bottom .opacity-between{margin-left:auto;margin-right:auto;text-align:center}
.flex-5{gap:2.5rem 3rem}
.mb-primary .top{border-top:2px solid var(--color-primary);padding-top:1.25rem}
.list-normal{font-size:1.15rem;margin-bottom:.6rem}
.w-light {
  margin: 0;
  line-height: 1.7;
}
.col-wrap {
  padding-block: calc(var(--spacing-block) * .9) calc(var(--spacing-block) * .7);
}
.ml-xs{border-bottom:4px solid var(--color-primary)}
.shadow-2 {
  border-bottom: 4px solid var(--color-accent);
}
.m-y {
  border-bottom: 1px solid var(--color-edge);
}
.sticky-md {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.mx-bold {
  margin: 0;
  font-size: calc(var(--text-h1) * 1.05);
}
.shrink-x {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){
.sticky-md {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.origin-2 {
  max-width: 56ch;
  margin-bottom: clamp(2rem,5vw,4rem);
}
.not-sr-2xl{border-top:1px solid var(--color-edge)}
.translate-between {
  padding-block: clamp(2rem,5vw,4rem);
  border-bottom: 1px solid var(--color-edge);
}
.h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;color:var(--color-fg);min-height:2.75rem}
.h:hover {
  color: var(--color-fg);
}
.h:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px}
.my-5{min-width:0;padding:clamp(.65rem,1.5vw,1.25rem);background:var(--color-card);border:1px solid var(--color-edge)}
.my-5:not(:has(img)){display:none}
.top-8 {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.row-right {
  min-width: 0;
}
.delay-x{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem;color:var(--color-muted);margin-bottom:1.25rem}
.delay-x span:first-child {
  color: var(--color-primary);
  font-weight: 600;
}
.list-screen {
  font-size: clamp(1.6rem,3.1vw,2.7rem);
  max-width: 24ch;
  margin-bottom: .75rem;
}
.h:hover .list-screen {
  color: var(--color-primary);
}
.left-gray-500 {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--color-muted);
  max-width: 58ch;
  margin-bottom: 1.25rem;
}