.transition-square {
  display: grid;
  gap: .35rem;
  min-width: 0;
}
.my-bottom {
  grid-column: 1/-1;
}
.pb {
  font-size: .85rem;
  color: var(--clr-wrap-14);
}
.mr-dark {
  width: 100%;
  min-width: 0;
  padding: .75rem .9rem;
  border: 1px solid var(--clr-third-19);
  border-radius: var(--clr-wide-87);
  background: var(--clr-bold-80);
  color: var(--clr-snug-29);
  font: inherit;
}
.mr-dark:focus {
  outline: 2px solid var(--clr-top-12);
  outline-offset: 1px;
}
.list-8 {
  resize: vertical;
}
.grow-snug {
  max-width: 100%;
  justify-self: start;
  overflow-wrap: anywhere;
}
@media(max-width:760px){
.opacity-top {
  padding: 1.25rem;
  margin-top: 2rem;
}
.tracking-wrap {
  grid-template-columns: minmax(0,1fr);
}
}
.transition-quarter {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,4rem);
  align-items: center;
  padding: clamp(1.75rem,5vw,3.5rem);
  border-radius: var(--clr-wrap-17);
}
.fixed {
  background: var(--clr-4-51);
}
.align {
  border: 1px solid var(--clr-third-19);
}
.grow-decimal {
  color: var(--clr-relaxed-54);
  background: var(--clr-top-12);
}
.font-1 {
  text-transform: var(--clr-xs-74);
  display: block;
  color: var(--clr-3-31);
  font-size: .8rem;
  margin-bottom: .7rem;
  letter-spacing: var(--clr-gray-900-71);
  font-weight: 700;
}
.grow-decimal .font-1,.grow-decimal .absolute-top {
  color: var(--clr-relaxed-54);
}
.absolute-top {
  margin-bottom: .9rem;
}
.pt-secondary {
  margin-bottom: 1.75rem;
  opacity: .9;
}
.shrink {
  gap: 1.6rem;
  list-style: none;
  position: relative;
  margin: 0;
  display: grid;
  padding: 0;
}
.shrink::before {
  content: "";
  top: 1.25rem;
  width: 2px;
  bottom: 1.25rem;
  background: var(--clr-third-19);
  position: absolute;
  left: 1.25rem;
}
.grow-decimal .shrink::before {
  background: rgba(255,255,255,.3);
}
.left-screen {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
}
.order {
  display: grid;
  place-items: center;
  flex: none;
  background: var(--clr-top-12);
  height: 2.5rem;
  width: 2.5rem;
  font-weight: 700;
  color: var(--clr-relaxed-54);
  border-radius: 50%;
}
.grow-decimal .order {
  color: var(--clr-top-12);
  background: var(--clr-relaxed-54);
}
.leading-screen {
  margin: .35rem 0 .25rem;
  color: inherit;
  font-size: 1.1rem;
}
.absolute-pointer {
  opacity: .85;
  margin: 0;
  font-size: .95rem;
}
@media (max-width:820px){
.transition-quarter {
  grid-template-columns: minmax(0,1fr);
}
}
.col-gray-100 {
  background: var(--clr-4-51);
  overflow-wrap: anywhere;
}
.px-bold {
  max-width: 56rem;
  background: var(--clr-bold-80);
  border: 1px solid var(--clr-third-19);
  border-top: 3px solid var(--clr-top-12);
  border-radius: 0 0 var(--clr-wide-87) var(--clr-wide-87);
  box-shadow: var(--clr-5-65);
  padding: clamp(1.25rem,4vw,3.5rem);
}
.list-medium {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 2.75rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--clr-third-19);
  font-size: .85rem;
}
.m-max {
  min-width: 0;
  color: var(--clr-wrap-14);
}
.content-0 {
  min-width: 0;
  text-align: right;
  margin: 0;
  color: var(--clr-snug-29);
}
.ring-20 {
  max-width: 66ch;
  margin-inline: auto;
}
.origin-2xl {
  line-height: 1.8;
  white-space: pre-line;
  font-size: 1.1rem;
  margin: 0 0 2.5rem;
}
.m-circle {
  margin-top: 2.25rem;
}
.block-8 {
  scroll-margin-top: 8rem;
  line-height: 1.35;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
  margin: 0 0 .9rem;
}
.mb-xl {
  color: var(--clr-snug-29);
  text-decoration: underline;
  text-decoration-color: var(--clr-third-19);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.mb-xl:hover {
  color: var(--clr-top-12);
  text-decoration-color: currentColor;
}
.mb-xl:focus-visible,.block-8:focus {
  outline: 2px solid var(--clr-top-12);
  outline-offset: 5px;
}
.transition-bold {
  white-space: pre-line;
  line-height: 1.85;
  font-size: 1rem;
  margin: 0 0 1rem;
}
.transition-bold:last-child {
  margin-bottom: 0;
}
@media(max-width:480px){
.px-bold {
  padding: 1.25rem 1rem;
}
.list-medium {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}
.content-0 {
  text-align: left;
}
.origin-2xl {
  font-size: 1.05rem;
  margin-bottom: 1.75rem;
}
.m-circle {
  margin-top: 1.75rem;
}
.transition-bold {
  line-height: 1.75;
}
}
.flex-top {
  overflow-wrap: anywhere;
}
.mr-contain {
  display: grid;
  grid-template-columns: minmax(12rem,19rem) minmax(0,44rem);
  gap: clamp(2rem,5vw,5rem);
  justify-content: center;
  align-items: start;
}
.break-fit {
  position: sticky;
  padding-top: .35rem;
  min-width: 0;
  top: 7rem;
}
.left-half {
  border-bottom: 2px solid var(--clr-top-12);
  padding: 0 0 1.5rem;
  margin: 0 0 1.75rem;
}
.mb-min {
  font-size: .75rem;
  margin-bottom: .4rem;
  color: var(--clr-wrap-14);
  letter-spacing: .05em;
}
.basis {
  margin: 0;
  font-weight: 600;
  font-size: .95rem;
  color: var(--clr-snug-29);
}
.content-auto {
  padding: 0;
  display: grid;
  margin: 0;
  gap: .3rem;
  list-style: none;
}
.z-black {
  min-width: 0;
}
.px-end {
  display: grid;
  grid-template-columns: 1.65rem minmax(0,1fr);
  gap: .65rem;
  align-items: baseline;
  padding: .55rem .2rem;
  color: var(--clr-snug-29);
  font-size: .85rem;
  line-height: 1.45;
  border-bottom: 1px solid var(--clr-third-19);
}
.px-end:hover {
  text-underline-offset: .2em;
  text-decoration: underline;
  color: var(--clr-top-12);
}
.px-end:focus-visible {
  outline: 2px solid var(--clr-top-12);
  outline-offset: 3px;
}
.mb-light {
  color: var(--clr-wrap-14);
  font-variant-numeric: tabular-nums;
  font-size: .72rem;
}
.rounded-between {
  min-width: 0;
}
.mr-cover {
  white-space: pre-line;
  margin: 0 0 2.5rem;
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  line-height: 1.7;
}
.container-16 {
  border-top: 1px solid var(--clr-third-19);
  padding-block: 1.8rem;
}
.container-16:last-child {
  padding-bottom: 0;
}
.delay-0 {
  font-size: clamp(1.15rem,1.6vw,1.45rem);
  scroll-margin-top: 8rem;
  margin: 0 0 1rem;
  line-height: 1.35;
}
.delay-0:focus {
  outline: 2px solid var(--clr-top-12);
  outline-offset: 5px;
}
.whitespace {
  line-height: 1.8;
  white-space: pre-line;
  font-size: 1rem;
  margin: 0 0 1rem;
}
.whitespace:last-child {
  margin-bottom: 0;
}
@media(max-width:780px){
.mr-contain {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.break-fit {
  position: static;
  padding: 1.25rem;
  background: var(--clr-4-51);
  border: 1px solid var(--clr-third-19);
  border-radius: var(--clr-wide-87);
}
.left-half {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.content-auto {
  column-gap: 1.25rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.mr-cover {
  margin-bottom: 1.75rem;
}
}
@media(max-width:480px){
.content-auto {
  grid-template-columns: minmax(0,1fr);
}
.container-16 {
  padding-block: 1.5rem;
}
}
.py-pointer {
  max-width: 46rem;
}
.p-muted {
  font-size: .85rem;
  color: var(--clr-wrap-14);
}
.ml {
  font-size: 1.05rem;
}
.ml-12 {
  margin-top: 2rem;
}
.w {
  font-size: 1.3rem;
}
.opacity-6 {
  color: var(--clr-snug-29);
}
.break-wide {
  padding-block: calc(var(--clr-10-49) * .8);
}
.whitespace-light {
  background: var(--clr-4-51);
}
.mb {
  background: var(--clr-top-12);
  color: var(--clr-relaxed-54);
}
.mb .list-xs,.mb .truncate-gray-100 {
  color: var(--clr-relaxed-54);
}
.cursor-circle {
  border-bottom: 1px solid var(--clr-third-19);
}
.break-1 {
  text-align: center;
}
.opacity-bottom {
  opacity: .8;
  margin-bottom: .75rem;
  font-size: .85rem;
}
.absolute-scroll {
  margin: 0 .5rem;
}
.px-snug {
  opacity: .7;
}
.list-xs {
  margin-bottom: .5rem;
}
.divide-12 {
  opacity: .85;
  margin: 0;
  font-size: 1.1rem;
  max-width: 40rem;
}
.break-1 .divide-12 {
  margin-inline: auto;
}
.fixed-screen {
  background: var(--clr-4-51);
  padding-block: 2rem calc(var(--clr-10-49) * .65);
}
.ease-scroll {
  display: inline-block;
  margin-bottom: 2rem;
  padding-block: .5rem;
  font-size: .85rem;
}
.clearfix-lg {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  gap: clamp(2rem,4vw,4rem);
  align-items: center;
}
.shadow-cover {
  min-width: 0;
  padding-block: 1.5rem;
}
.decoration-gray-900 {
  font-size: clamp(2rem,3.8vw,3.8rem);
  max-width: 19ch;
  overflow-wrap: anywhere;
}
.origin-secondary {
  max-width: 42ch;
}
.h-col {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-top: 1.5rem;
  margin-top: 2rem;
  border-top: 1px solid var(--clr-third-19);
}
.text-disc {
  display: grid;
  background: var(--clr-top-12);
  place-items: center;
  width: 2.8rem;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: .8rem;
  height: 2.8rem;
  color: var(--clr-relaxed-54);
}
.static-visible {
  min-width: 0;
}
.not-sr-third {
  font-weight: 600;
  overflow-wrap: anywhere;
  font-size: .9rem;
}
.hidden-y {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  font-size: .75rem;
  color: var(--clr-wrap-14);
  margin: .3rem 0 0;
}
.clearfix-xs {
  margin: 0;
  min-width: 0;
}
.justify {
  aspect-ratio: 4/5;
  border-radius: var(--clr-wide-87);
  width: 100%;
  object-fit: cover;
}
.clearfix-xs:not(:has(.justify)) {
  display: none;
}
.clearfix-lg:not(:has(.justify)) {
  grid-template-columns: minmax(0,1fr);
}
.clearfix-lg:not(:has(.justify)) .decoration-gray-900 {
  max-width: 25ch;
}
@media(max-width:760px){
.clearfix-lg {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
.shadow-cover {
  padding: 0;
}
.justify {
  aspect-ratio: 16/10;
}
.ease-scroll {
  margin-bottom: 1.5rem;
}
.h-col {
  margin-top: 1.5rem;
}
}
.text-primary {
  padding-top: calc(var(--clr-10-49) * .6);
}
.visible-xl {
  line-height: 1.75;
  font-size: 1.05rem;
  max-width: 44rem;
}
.container-sm {
  font-size: 1.5rem;
  margin-top: 2rem;
}
.space-auto .select-circle:first-of-type::first-letter {
  color: var(--clr-top-12);
  font-family: var(--clr-right-13);
  line-height: .85;
  font-size: 3.2em;
  float: left;
  padding-right: .35rem;
}
.bg-12 {
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
}
.static-bold {
  padding: 1.25rem 1.5rem;
  margin-top: 2rem;
  background: var(--clr-4-51);
  border-radius: var(--clr-wide-87);
  border-left: 4px solid var(--clr-top-34);
}
.pt-light {
  padding-block: calc(var(--clr-10-49) * .5);
}
.border-pointer {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  max-width: 44rem;
  padding: 1.5rem;
  background: var(--clr-4-51);
  border-radius: var(--clr-wrap-17);
  border: 1px solid var(--clr-third-19);
}
.rotate-xl .border-pointer {
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.z {
  justify-content: center;
  flex-shrink: 0;
  color: var(--clr-relaxed-54);
  font-weight: 700;
  font-size: 1.2rem;
  height: 4rem;
  align-items: center;
  background: var(--clr-top-12);
  width: 4rem;
  border-radius: 50%;
  display: inline-flex;
}
.justify-12 {
  margin: 0 0 .15rem;
  font-size: 1.2rem;
}
.w-around {
  font-weight: 600;
  font-size: .9rem;
  margin-bottom: .5rem;
  color: var(--clr-top-12);
  display: block;
}
.gap-md {
  color: var(--clr-wrap-14);
  margin: 0;
}
.top-bottom {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  display: grid;
}
.justify-gray-100 .self-col {
  order: 2;
}
.shadow-circle {
  display: flex;
  padding: calc(var(--clr-10-49) * .9) clamp(1.25rem,5vw,4rem);
  align-items: center;
}
.self-col {
  background: var(--clr-top-12);
  justify-content: flex-end;
  color: var(--clr-relaxed-54);
}
.py-decimal {
  background: var(--clr-xs-50);
  color: var(--clr-col-59);
}
.justify-gray-100 .self-col {
  justify-content: flex-start;
}
.justify-gray-100 .py-decimal {
  justify-content: flex-end;
}
.shadow-decimal {
  max-width: min(34rem,calc(var(--clr-circle-55) / 2 - 3rem));
  width: 100%;
}
.left-decimal {
  margin-bottom: .7rem;
  display: block;
  letter-spacing: .12em;
  font-weight: 700;
  text-transform: uppercase;
  opacity: .85;
  font-size: .8rem;
}
.truncate-top {
  margin: 0;
  color: inherit;
  font-size: calc(var(--clr-right-37) * 1.1);
}
.sticky-normal {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: var(--clr-gray-500-51);
}
@media (max-width:820px){
.top-bottom {
  grid-template-columns: minmax(0,1fr);
}
.justify-gray-100 .self-col {
  order: 0;
}
.shadow-circle,.justify-gray-100 .self-col,.justify-gray-100 .py-decimal {
  justify-content: flex-start;
}
.shadow-decimal {
  max-width: none;
}
}
.left-dark {
  display: grid;
  grid-template-columns: minmax(0,.45fr) minmax(0,1fr);
  gap: 3rem;
  align-items: start;
}
.tracking-circle {
  max-width: 15ch;
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  overflow-wrap: anywhere;
}
.sticky-quarter {
  margin: 0;
  border-top: 1px solid var(--clr-third-19);
  list-style: none;
  padding: 0;
}
.z-gray-900 {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: 1rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--clr-third-19);
}
.top-3 {
  font-variant-numeric: tabular-nums;
  color: var(--clr-top-12);
  padding-top: .2rem;
  font-size: .75rem;
}
.rotate-visible {
  font-size: .75rem;
  color: var(--clr-wrap-14);
}
.tracking-right {
  line-height: 1.4;
  overflow-wrap: anywhere;
  font-size: 1.3rem;
  margin: .5rem 0;
}
.scale-circle {
  color: var(--clr-snug-29);
}
.scale-circle:hover {
  color: var(--clr-top-12);
}
.self-screen {
  white-space: nowrap;
  color: var(--clr-top-12);
}
.place-dark {
  margin: 0;
  color: var(--clr-wrap-14);
  font-size: .95rem;
}
@media(max-width:700px){
.left-dark {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
.tracking-circle {
  margin: 0;
  max-width: none;
}
}