.ease-pointer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.5rem,3vw,2.8rem);
  background: var(--color-inverse);
  color: var(--color-inverse-text);
  border-left: 2px dashed var(--color-on-dark-muted);
  min-width: 0;
}
.align-gray-500 {
  letter-spacing: var(--tracking-overline);
  font-size: .8rem;
  color: var(--color-on-dark-muted);
  text-transform: var(--case-overline);
}
.left-contain{color:var(--color-inverse-text);font-weight:600;font-size:1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:100%;line-height:1.4}
.left-contain:hover {
  color: var(--color-primary-inverse);
  text-underline-offset: .3em;
  text-decoration: underline;
}
.transition-col {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 2rem;
  line-height: 1;
  border: 1px solid var(--color-on-dark-muted);
  border-radius: 50%;
}
@media (max-width:680px){.shrink-muted {
  grid-template-columns: 1fr;
}.ease-pointer {
  border-left: 0;
  border-top: 2px dashed var(--color-on-dark-muted);
  gap: 1.2rem;
}.left-contain {
  flex-direction: row;
  align-items: center;
  font-size: 1.05rem;
  gap: 1.2rem;
}.transition-col{font-size:1.6rem;width:2.6rem;flex:none;height:2.6rem}}
.hidden-disc{overflow-wrap:anywhere}
.transition-12{max-width:50rem;text-align:center;margin:0 auto 3rem}
.transition-12 h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.basis-bold{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-border)}
.basis-bold:nth-child(odd) {
  background: var(--color-layer);
}
.inset-4{max-width:20ch}
.fixed-col{max-width:70ch}
.fixed-col p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){
.basis-bold {
  grid-template-columns: minmax(0, 1fr);
}
.inset-4{max-width:none}
}
.top{max-width:56rem}
.p-2xl{margin-bottom:2rem}
.my{border-top:1px solid var(--color-border);list-style:none;padding:0;margin:0}
.row-decimal{display:grid;grid-template-columns:14rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--color-border);align-items:start}
.grow .row-decimal {
  grid-template-columns: 1fr 14rem;
}
.grow .mb-screen {
  order: 2;
}
.py-row .row-decimal{grid-template-columns:1fr}
.mb-screen{border-radius:var(--radius-large);overflow:hidden;display:block}
.w-normal {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.my-half{display:block;font-size:.85rem;color:var(--color-dim);margin-bottom:.5rem}
.static-fit {
  margin-bottom: .5rem;
  font-size: 1.4rem;
}
.min-h-cover{color:var(--color-fg)}
.min-h-cover:hover{color:var(--color-key)}
.grid-start{color:var(--color-dim);margin-bottom:.5rem}
.grid-normal {
  font-weight: 600;
}
@media (max-width:640px){.row-decimal,.grow .row-decimal{grid-template-columns:1fr;gap:1rem}.grow .mb-screen {
  order: 0;
}}
.object-third{max-width:40rem;margin-bottom:2.5rem}
.rotate-none{list-style:none;margin:0 0 3rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem}
.rotate-none:has(>:nth-child(4)){grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.h-end{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-layer)}
.bg-auto {
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  margin-bottom: .5rem;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
  background: var(--color-key);
  color: var(--color-primary-fg);
}
.bg-auto svg{height:1.1rem;width:1.1rem}
.fixed {
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-dim);
  letter-spacing: .08em;
}
.grid-light{overflow-wrap:anywhere;font-weight:500;line-height:1.5;min-width:0}
.mr-primary {
  color: var(--color-fg);
}
.mr-primary:hover {
  color: var(--color-key);
}
.overflow-dark .fixed-top{padding:2.25rem;border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-background)}
.scale-auto {
  margin-bottom: 1.25rem;
}
.p-pointer {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
}
.opacity-top {
  min-width: 0;
  display: block;
}
.not-sr-gray-900{grid-column:1 / -1}
.not-sr-dark{display:block;font-weight:600;font-size:.85rem;margin-bottom:.35rem}
.translate-2{width:100%;min-width:0;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-layer);color:var(--color-fg)}
.translate-2:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 1px;
}
.sr{resize:vertical}
.clearfix{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem}
.row-0{font-size:.85rem}
@media (max-width:760px){
.p-pointer{grid-template-columns:minmax(0,1fr)}
}
.object-third,.fixed-top{overflow-wrap:anywhere;min-width:0}
.clearfix>.decoration-10 {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media(max-width:480px){
.overflow-dark .fixed-top{padding:1.25rem}
}
.duration-primary {
  background: var(--color-background);
  padding-block: calc(var(--spacing-stack) * .85);
  overflow-wrap: anywhere;
}
.px{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.not-sr-relaxed {
  letter-spacing: var(--tracking-overline);
  font-size: .8rem;
  text-transform: var(--case-overline);
  color: var(--color-key);
  max-width: 75%;
  font-weight: 600;
}
.skew-5 {
  background: var(--color-border);
  flex: 1;
  height: 1px;
}
.top-sm .skew-5 {
  height: 3px;
  background: var(--color-key);
}
.basis-muted {
  padding-bottom: 1.8rem;
  line-height: 1.1;
  font-size: calc(var(--text-xxl) * 1.2);
  margin: 0;
  max-width: 24ch;
}
.self-gray-100{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start;border-top:1px solid var(--color-border);padding-top:1.3rem}
.align-8 {
  max-width: 24rem;
  font-weight: 600;
  color: var(--color-dim);
  font-size: .8rem;
}
.block-1 {
  grid-template-columns: minmax(0,1fr);
}
.origin {
  font-size: 1.1rem;
  color: var(--color-dim);
  max-width: 42rem;
  margin: 0;
  line-height: 1.7;
}
@media (max-width:640px){
.basis-muted{font-size:var(--text-xxl)}
.self-gray-100{grid-template-columns:1fr;gap:1rem}
.align-8 {
  display: none;
}
.origin {
  font-size: 1rem;
}
}
.overflow-disc {
  overflow-wrap: anywhere;
}
.pt-between {
  display: grid;
  grid-template-columns: minmax(12rem,19rem) minmax(0,44rem);
  gap: clamp(2rem,5vw,5rem);
  justify-content: center;
  align-items: start;
}
.shadow-x{padding-top:.35rem;min-width:0;position:sticky;top:7rem}
.gap-start {
  padding: 0 0 1.5rem;
  margin: 0 0 1.75rem;
  border-bottom: 2px solid var(--color-key);
}
.object-0 {
  font-size: .75rem;
  letter-spacing: .05em;
  color: var(--color-dim);
  margin-bottom: .4rem;
}
.basis-contain{margin:0;font-weight:600;font-size:.95rem;color:var(--color-fg)}
.whitespace {
  display: grid;
  margin: 0;
  padding: 0;
  gap: .3rem;
  list-style: none;
}
.pb-scroll {
  min-width: 0;
}
.delay-20 {
  display: grid;
  grid-template-columns: 1.65rem minmax(0,1fr);
  gap: .65rem;
  align-items: baseline;
  padding: .55rem .2rem;
  color: var(--color-fg);
  font-size: .85rem;
  line-height: 1.45;
  border-bottom: 1px solid var(--color-border);
}
.delay-20:hover {
  color: var(--color-key);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.delay-20:focus-visible{outline:2px solid var(--color-key);outline-offset:3px}
.ring-left{color:var(--color-dim);font-variant-numeric:tabular-nums;font-size:.72rem}
.py-pointer {
  min-width: 0;
}
.w-relaxed{line-height:1.7;font-size:clamp(1.1rem,1.5vw,1.25rem);margin:0 0 2.5rem;white-space:pre-line}
.tracking{padding-block:1.8rem;border-top:1px solid var(--color-border)}
.tracking:last-child {
  padding-bottom: 0;
}
.divide-half{margin:0 0 1rem;scroll-margin-top:8rem;line-height:1.35;font-size:clamp(1.15rem,1.6vw,1.45rem)}
.divide-half:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.shadow-quarter{margin:0 0 1rem;font-size:1rem;line-height:1.8;white-space:pre-line}
.shadow-quarter:last-child {
  margin-bottom: 0;
}
@media(max-width:780px){
.pt-between {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.shadow-x{position:static;padding:1.25rem;background:var(--color-layer);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.gap-start {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.whitespace {
  column-gap: 1.25rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.w-relaxed{margin-bottom:1.75rem}
}
@media(max-width:480px){
.whitespace {
  grid-template-columns: minmax(0,1fr);
}
.tracking{padding-block:1.5rem}
}
.container-5 {
  max-width: 46rem;
}
.sticky-dark{font-size:.85rem;color:var(--color-dim)}
.gap-6{font-size:1.05rem}
.font-light{margin-top:2rem}
.font-row {
  font-size: 1.3rem;
}
.block {
  color: var(--color-fg);
}
.min-h {
  background: var(--color-layer);
  overflow-wrap: anywhere;
}
.inset-primary {
  max-width: 56rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-key);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  box-shadow: var(--shadow-sm);
  padding: clamp(1.25rem,4vw,3.5rem);
}
.pb-20 {
  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(--color-border);
  font-size: .85rem;
}
.tracking-auto{color:var(--color-dim);min-width:0}
.self-xs {
  color: var(--color-fg);
  min-width: 0;
  text-align: right;
  margin: 0;
}
.origin-full{margin-inline:auto;max-width:66ch}
.max-w-min {
  line-height: 1.8;
  margin: 0 0 2.5rem;
  white-space: pre-line;
  font-size: 1.1rem;
}
.font-wrap {
  margin-top: 2.25rem;
}
.fixed-fit{scroll-margin-top:8rem;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.35;margin:0 0 .9rem}
.px-fit {
  color: var(--color-fg);
  text-decoration: underline;
  text-decoration-color: var(--color-border);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.px-fit:hover{text-decoration-color:currentColor;color:var(--color-key)}
.px-fit:focus-visible,.fixed-fit:focus{outline:2px solid var(--color-key);outline-offset:5px}
.rotate-third{font-size:1rem;white-space:pre-line;line-height:1.85;margin:0 0 1rem}
.rotate-third:last-child{margin-bottom:0}
@media(max-width:480px){
.inset-primary{padding:1.25rem 1rem}
.pb-20 {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}
.self-xs{text-align:left}
.max-w-min{font-size:1.05rem;margin-bottom:1.75rem}
.font-wrap {
  margin-top: 1.75rem;
}
.rotate-third{line-height:1.75}
}
.content-8{padding-block:1.5rem calc(var(--spacing-stack) * .75)}
.p-24{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 2rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}
.select-20{display:inline-flex;align-items:center;gap:.65rem;min-height:2.75rem;font-size:.85rem;max-width:100%;overflow-wrap:anywhere}
.select-20:focus-visible{outline:2px solid var(--color-key);outline-offset:4px}
.break-24 {
  margin: 0;
  min-width: 0;
}
.bg-screen{max-width:22ch;line-height:1.06;overflow-wrap:anywhere;font-size:clamp(2.1rem,5.5vw,5.1rem);margin-block:clamp(1.5rem,4vw,3.5rem)}
.border-light {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,3.25fr);
  gap: clamp(1.5rem,4vw,4rem);
  border-top: 1px solid var(--color-border);
  padding-top: 1.75rem;
}
.items-muted {
  font-size: .85rem;
  min-width: 0;
  line-height: 1.6;
}
.relative{margin:0 0 1rem;font-weight:600}
.order-quarter,.container-pointer{color:var(--color-dim);margin-bottom:.3rem}
.pt-wrap{min-width:0}
.px-around {
  font-size: clamp(1.05rem,1.55vw,1.35rem);
  line-height: 1.65;
  margin: 0 0 1.75rem;
  max-width: 55ch;
}
.hidden-md {
  margin: 0;
}
.ring-1{border-radius:var(--radius-sm);width:100%;object-fit:cover;aspect-ratio:16/9}
.hidden-md:not(:has(img)){display:none}
@media(max-width:700px){
.border-light {
  grid-template-columns: minmax(0,1fr);
  gap: 1.25rem;
  padding-top: 1.25rem;
}
.items-muted {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1.25rem;
}
.relative{margin:0;flex-basis:100%}
.order-quarter,.container-pointer {
  margin: 0;
}
.px-around {
  margin-bottom: 1.25rem;
}
.bg-screen {
  max-width: 25ch;
}
}
.ease {
  display: grid;
  grid-template-columns: minmax(0,.5fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,5rem);
  padding-block: 2rem 3rem;
  border-top: 1px solid var(--color-border);
}
.leading {
  min-width: 0;
}
.items-2 {
  margin-bottom: 1rem;
  font-variant-numeric: tabular-nums;
  display: block;
  color: var(--color-key);
  font-size: .8rem;
}
.divide-third{line-height:1.4;overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.7rem);max-width:22ch}
.absolute-24 {
  max-width: 66ch;
  min-width: 0;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
  line-height: 1.85;
}
.col-5{margin-bottom:1.35rem}
.col-5:last-child {
  margin: 0;
}
.flex-contain {
  margin: 1.5rem 0 0;
  border-left: 2px solid var(--color-key);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: var(--color-layer);
  padding: 1.5rem 1.5rem 1.5rem 2.75rem;
}
.left-relaxed{padding-left:.25rem;margin-bottom:.6rem}
.left-relaxed:last-child{margin:0}
.left-relaxed::marker{color:var(--color-key)}
.whitespace-max{padding:2.5rem;margin-left:calc((100% + 2 * clamp(2rem,5vw,5rem)) / 3);background:var(--color-layer);border-radius:var(--radius-large)}
.items-row{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;line-height:1.65;font-size:1.25rem}
@media(max-width:760px){.ease{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:1.5rem 2rem}.items-2{margin-bottom:.5rem}.divide-third{margin:0;max-width:none}.whitespace-max{padding:1.5rem;margin-left:0}.absolute-24{font-size:1rem}}
.delay-quarter {
  display: grid;
  grid-template-columns: minmax(0,.45fr) minmax(0,1fr);
  gap: 3rem;
  align-items: start;
}
.m-auto{font-size:clamp(1.5rem,2.5vw,2.2rem);max-width:15ch;overflow-wrap:anywhere}
.cursor-12{list-style:none;border-top:1px solid var(--color-border);margin:0;padding:0}
.pt-normal{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-block:1.5rem;border-bottom:1px solid var(--color-border)}
.ease-2xl{padding-top:.2rem;font-variant-numeric:tabular-nums;color:var(--color-key);font-size:.75rem}
.min-h-5{color:var(--color-dim);font-size:.75rem}
.duration-full {
  overflow-wrap: anywhere;
  line-height: 1.4;
  margin: .5rem 0;
  font-size: 1.3rem;
}
.shrink-circle {
  color: var(--color-fg);
}
.shrink-circle:hover {
  color: var(--color-key);
}
.justify-md{white-space:nowrap;color:var(--color-key)}
.place-top{margin:0;font-size:.95rem;color:var(--color-dim)}
@media(max-width:700px){
.delay-quarter{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.m-auto{margin:0;max-width:none}
}
.p{display:grid;grid-template-columns:5rem minmax(0,.7fr) minmax(0,1fr);gap:2rem;align-items:center;padding-block:2rem;border-block:1px solid var(--color-border)}
.pt-end{display:grid;place-items:center;width:5rem;height:5rem;border:1px solid var(--color-key);border-radius:50%;font-family:var(--font-display);font-size:1.5rem;color:var(--color-key);background:var(--color-layer)}
.items-decimal{min-width:0}
.container-cover{margin-bottom:.5rem;font-size:.7rem}
.mt-24{font-size:1.4rem;margin-bottom:.3rem;overflow-wrap:anywhere}
.select{color:var(--color-dim);font-size:.85rem}
.col-snug{line-height:1.75;padding-left:2rem;border-left:1px solid var(--color-border);color:var(--color-dim);font-size:.95rem;overflow-wrap:anywhere;margin:0}
@media(max-width:760px){
.p {
  grid-template-columns: 3.5rem minmax(0,1fr);
  gap: 1rem;
}
.pt-end {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.1rem;
}
.col-snug {
  border-left: 0;
  border-top: 1px solid var(--color-border);
  grid-column: 1/-1;
  padding: 1rem 0 0;
}
}