.inset {
  padding-block: calc(var(--spacing-section) * .85);
  background: var(--color-base);
  overflow-wrap: anywhere;
}
.space-sm{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.align-relaxed{font-size:.8rem;font-weight:600;text-transform:var(--case-overline);letter-spacing:var(--tracking-label);color:var(--color-key);max-width:75%}
.opacity-right {
  height: 1px;
  flex: 1;
  background: var(--color-border);
}
.decoration-gray-900 .opacity-right {
  height: 3px;
  background: var(--color-key);
}
.gap-hidden {
  font-size: calc(var(--text-h1) * 1.2);
  line-height: 1.1;
  max-width: 24ch;
  margin: 0;
  padding-bottom: 1.8rem;
}
.mb-sm {
  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;
}
.row-y{font-size:.8rem;color:var(--color-secondary-text);font-weight:600;max-width:24rem}
.relative-half {
  grid-template-columns: minmax(0,1fr);
}
.tracking-primary{font-size:1.1rem;line-height:1.7;color:var(--color-secondary-text);max-width:42rem;margin:0}
@media (max-width:640px){
.gap-hidden{font-size:var(--text-h1)}
.mb-sm{grid-template-columns:1fr;gap:1rem}
.row-y{display:none}
.tracking-primary{font-size:1rem}
}
.fixed-min {
  max-width: 42rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}
.skew-wrap {
  margin-bottom: 0;
}
.grow-between{display:grid;gap:1.5rem;align-items:start}
.top-around .grow-between{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.break-2xl .grow-between {
  max-width: 46rem;
  margin: 0 auto;
}
.ease-8 {
  display: grid;
  gap: 1.75rem;
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  background: var(--color-base);
}
.ml-screen{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.65rem}
.fixed-right {
  font-weight: 600;
}
.my-medium {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-key);
  white-space: nowrap;
}
.sr-half {
  display: block;
  width: 100%;
  height: 1.5rem;
  margin: 0;
  accent-color: var(--color-key);
  cursor: pointer;
}
.sr-half:focus-visible,.clearfix-medium:focus-visible {
  outline: 3px solid var(--color-key);
  outline-offset: 3px;
}
.rotate-start {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin-top: .35rem;
  font-size: .8rem;
  color: var(--color-secondary-text);
}
.shrink-right {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.border-end{margin-bottom:.8rem;padding:0;font-weight:600}
.min-h-20{display:grid}
.scale-auto {
  display: flex;
  align-items: center;
  gap: .75rem;
  cursor: pointer;
}
.font-light .scale-auto{padding:.7rem 0;border-top:1px solid var(--color-border)}
.font-light .scale-auto:last-child{border-bottom:1px solid var(--color-border)}
.translate-end .min-h-20 {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.translate-end .scale-auto {
  gap: .55rem;
  padding: .55rem .95rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-raised);
}
.translate-end .scale-auto:has(:checked) {
  border-color: var(--color-key);
  box-shadow: inset 0 0 0 1px var(--color-key);
}
.clearfix-medium {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0;
  accent-color: var(--color-key);
  cursor: pointer;
}
.pb{flex:1;min-width:0}
.row-col{color:var(--color-secondary-text);font-size:.92rem;white-space:nowrap}
.cursor-left{min-width:0;padding:2rem;border:1px solid var(--color-border);border-top:4px solid var(--color-key);border-radius:var(--radius-large);background:var(--color-raised);box-shadow:var(--shadow-sm)}
.top-around .cursor-left{position:sticky;top:6rem}
.tracking{margin:0 0 .35rem;color:var(--color-secondary-text);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.opacity-sm{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0 0 1.25rem}
.origin-max{font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1.1;color:var(--color-body);overflow-wrap:anywhere}
.min-h-bold {
  color: var(--color-secondary-text);
  font-size: .95rem;
}
.shrink {
  display: grid;
  gap: .5rem;
  margin: 0 0 1.25rem;
  padding: 1rem 0 0;
  border-top: 1px solid var(--color-border);
  list-style: none;
  font-size: .92rem;
}
.tracking-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}
.tracking-top[hidden] {
  display: none;
}
.items-2xl {
  min-width: 0;
  color: var(--color-secondary-text);
}
.px-gray-500 {
  display: block;
  font-size: .8rem;
  opacity: .85;
}
.pt-x{font-weight:600;white-space:nowrap}
.mb-2xl {
  margin: 0 0 1.5rem;
  color: var(--color-secondary-text);
  font-size: .85rem;
}
.container-3 {
  width: 100%;
}
@media(max-width:860px){
.top-around .grow-between{grid-template-columns:minmax(0,1fr)}
.top-around .cursor-left {
  position: static;
}
}
@media(max-width:480px){
.ease-8,.cursor-left{padding:1.35rem}
.origin-max{font-size:2rem}
}
.opacity{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(--radius-large)}
.absolute-around {
  background: var(--color-raised);
}
.truncate-muted {
  border: 1px solid var(--color-border);
}
.pt-primary{background:var(--color-key);color:var(--color-primary-fg)}
.origin-4{display:block;margin-bottom:.7rem;font-size:.8rem;font-weight:700;letter-spacing:var(--tracking-label);text-transform:var(--case-overline);color:var(--color-label)}
.pt-primary .origin-4,.pt-primary .whitespace-min{color:var(--color-primary-fg)}
.whitespace-min{margin-bottom:.9rem}
.grow{margin-bottom:1.75rem;opacity:.9}
.pt-gray-500{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.pt-gray-500::before {
  content: "";
  position: absolute;
  top: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  width: 2px;
  background: var(--color-border);
}
.pt-primary .pt-gray-500::before{background:rgba(255,255,255,.3)}
.sticky-left {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
}
.not-sr-dark {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--color-key);
  color: var(--color-primary-fg);
  font-weight: 700;
}
.pt-primary .not-sr-dark{background:var(--color-primary-fg);color:var(--color-key)}
.absolute-primary{font-size:1.1rem;margin:.35rem 0 .25rem;color:inherit}
.max-w-1{margin:0;font-size:.95rem;opacity:.85}
@media (max-width:820px){
.opacity{grid-template-columns:minmax(0,1fr)}
}
.mx-left {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.not-sr-auto .self-white{order:1}
.not-sr-auto .hidden-black{order:2}
.items-auto {
  margin: 1.5rem 0 0;
  display: grid;
  gap: .75rem;
}
.static-min {
  display: grid;
  grid-template-columns: minmax(0,8rem) minmax(0,1fr);
  gap: 1rem;
}
.grow-24 {
  font-weight: 600;
  color: var(--color-secondary-text);
  font-size: .9rem;
}
.static{margin:0;min-width:0;overflow-wrap:anywhere}
.fixed-md {
  margin-top: 1.5rem;
  height: 12rem;
  border-radius: var(--radius-large);
  background: repeating-linear-gradient(45deg,var(--color-raised),var(--color-raised) 12px,var(--color-base) 12px,var(--color-base) 24px);
  border: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-key);
}
.h-circle svg {
  width: 2.5rem;
  height: 2.5rem;
}
.self-white {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-raised);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-border);
}
.left{display:grid;gap:.35rem;min-width:0}
.skew-x {
  font-size: .9rem;
  font-weight: 600;
}
.justify-8 {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-default);
  background: var(--color-base);
}
.justify-8:focus{outline:2px solid var(--color-key);outline-offset:1px}
.align-normal {
  resize: vertical;
}
.rounded-20{justify-self:start;max-width:100%;overflow-wrap:anywhere}
@media (max-width:860px){.mx-left{grid-template-columns:minmax(0,1fr)}.not-sr-auto .self-white,.not-sr-auto .hidden-black {
  order: 0;
}}
.hidden-black,.self-white {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media(max-width:480px){.static-min {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}.items-auto{gap:1rem}.self-white{padding:1.25rem}}
.container-medium .mx-left {
  grid-template-columns: minmax(0,1fr);
}
.container-medium .hidden-black{max-width:46rem}
.text-black{margin-top:2rem}
.h-lg{max-width:46rem}
.gap-disc{font-size:.85rem;color:var(--color-secondary-text)}
.col{font-size:1.05rem}
.container-decimal{margin-top:2rem}
.order-5{font-size:1.3rem}
.row-6{color:var(--color-body)}
.grow-gray-500 {
  overflow-wrap: anywhere;
}
.mx{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.grid-pointer{min-width:0;position:sticky;top:7rem;padding-top:.35rem}
.align-muted {
  margin: 0 0 1.75rem;
  padding: 0 0 1.5rem;
  border-bottom: 2px solid var(--color-key);
}
.left-16 {
  font-size: .75rem;
  letter-spacing: .05em;
  color: var(--color-secondary-text);
  margin-bottom: .4rem;
}
.bg-tight{margin:0;font-size:.95rem;font-weight:600;color:var(--color-body)}
.items-3 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .3rem;
}
.rounded-black {
  min-width: 0;
}
.self-quarter{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.65rem;align-items:baseline;padding:.55rem .2rem;color:var(--color-body);font-size:.85rem;line-height:1.45;border-bottom:1px solid var(--color-border)}
.self-quarter:hover{color:var(--color-key);text-decoration:underline;text-underline-offset:.2em}
.self-quarter:focus-visible{outline:2px solid var(--color-key);outline-offset:3px}
.mt-around {
  color: var(--color-secondary-text);
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
}
.m{min-width:0}
.overflow-left {
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  line-height: 1.7;
  margin: 0 0 2.5rem;
  white-space: pre-line;
}
.decoration-bold{padding-block:1.8rem;border-top:1px solid var(--color-border)}
.decoration-bold:last-child {
  padding-bottom: 0;
}
.place-quarter{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.35;margin:0 0 1rem;scroll-margin-top:8rem}
.place-quarter:focus{outline:2px solid var(--color-key);outline-offset:5px}
.flex{font-size:1rem;line-height:1.8;white-space:pre-line;margin:0 0 1rem}
.flex:last-child{margin-bottom:0}
@media(max-width:780px){.mx {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}.grid-pointer {
  position: static;
  padding: 1.25rem;
  background: var(--color-raised);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-default);
}.align-muted {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}.items-3 {
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: 1.25rem;
}.overflow-left{margin-bottom:1.75rem}}
@media(max-width:480px){.items-3{grid-template-columns:minmax(0,1fr)}.decoration-bold{padding-block:1.5rem}}
.grow-half {
  overflow-wrap: anywhere;
}
.justify-white{max-width:72rem}
.grow-muted {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.basis-tight {
  margin: 0;
  padding-left: 1rem;
  border-left: 3px solid var(--color-key);
}
.ease-tight {
  color: var(--color-secondary-text);
  font-size: .8rem;
  margin-bottom: .35rem;
}
.scale-left{margin:0;color:var(--color-body);font-size:.95rem;font-weight:600}
.absolute-auto{min-width:0;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65;margin:0;white-space:pre-line}
.translate-relaxed{display:grid;grid-template-columns:minmax(0,4rem) minmax(0,17rem) minmax(0,1fr);gap:clamp(1rem,2.5vw,2.5rem);align-items:start;border-top:1px solid var(--color-border);padding-block:2rem}
.translate-relaxed:last-child {
  border-bottom: 1px solid var(--color-border);
}
.ring-xl{font-family:var(--font-display);font-size:2.7rem;line-height:1;font-weight:var(--font-weight-title);color:var(--color-key);font-variant-numeric:tabular-nums}
.px-black{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.4;margin:0;min-width:0;scroll-margin-top:8rem}
.align{color:var(--color-body);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em}
.align:hover {
  color: var(--color-key);
  text-decoration-color: currentColor;
}
.align:focus-visible,.px-black:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.grid-8 {
  min-width: 0;
  max-width: 65ch;
}
.visible{font-size:1rem;line-height:1.8;white-space:pre-line;margin:0 0 1rem}
.visible:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.grow-muted {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
  padding-bottom: 2rem;
}
.translate-relaxed{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.25rem}
.ring-xl {
  font-size: 2rem;
}
.grid-8 {
  grid-column: 2;
}
.px-black{align-self:center}
}
@media(max-width:480px){.translate-relaxed{padding-block:1.5rem;gap:1rem}.grid-8{grid-column:1/-1}.ring-xl{font-size:1.8rem}}
.self-between {
  padding-top: calc(var(--spacing-section) * .7);
}
.border-primary{max-width:46rem}
.shrink-full{display:block;width:max-content;font-size:.9rem;margin-bottom:1rem;color:var(--color-secondary-text)}
.block{margin-bottom:.75rem}
.mb-screen{color:var(--color-secondary-text);font-size:.9rem}
.mx-bottom {
  margin: 1.5rem auto 0;
}
.cursor-top{width:100%;aspect-ratio:7/4;object-fit:cover}
.pb-2xl .cursor-top {
  border-radius: var(--radius-large);
}
.space-scroll{padding-top:calc(var(--spacing-section) * .6)}
.font-5{max-width:44rem;font-size:1.05rem;line-height:1.75}
.mt-cover {
  font-size: 1.5rem;
  margin-top: 2rem;
}
.align-gray-900 .gap-normal:first-of-type::first-letter {
  font-family: var(--font-display);
  font-size: 3.2em;
  float: left;
  line-height: .85;
  padding-right: .35rem;
  color: var(--color-key);
}
.truncate-scroll {
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
}
.font-0 {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--color-raised);
  border-radius: var(--radius-default);
  border-left: 4px solid var(--color-highlight);
}
.leading-fit {
  padding-block: calc(var(--spacing-section) * .5);
}
.mt{display:flex;gap:1.5rem;align-items:flex-start;max-width:44rem;padding:1.5rem;background:var(--color-raised);border-radius:var(--radius-large);border:1px solid var(--color-border)}
.row-bold .mt {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.basis-visible{display:inline-flex;flex-shrink:0;width:4rem;height:4rem;align-items:center;justify-content:center;border-radius:50%;background:var(--color-key);color:var(--color-primary-fg);font-weight:700;font-size:1.2rem}
.place-left {
  font-size: 1.2rem;
  margin: 0 0 .15rem;
}
.ml-pointer {
  display: block;
  color: var(--color-key);
  font-size: .9rem;
  font-weight: 600;
  margin-bottom: .5rem;
}
.row-md {
  margin: 0;
  color: var(--color-secondary-text);
}