.py-0:not(:has(.space-right)) {
  grid-template-columns: minmax(0,1fr);
}
.space-right{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-primary);min-width:2.5rem;padding-top:.15rem}
.inline-tight {
  margin-bottom: .4rem;
}
.basis-black {
  margin-bottom: .5rem;
  color: var(--color-subtle);
}
.min-h-gray-500 {
  margin: 0;
  font-size: .9rem;
  font-weight: 500;
}
.min-h-gray-500::before{content:"+ ";color:var(--color-primary)}
@media (max-width:860px){
.order-hidden .sticky-tight {
  grid-template-columns: 1fr;
}
.order-hidden .fixed {
  position: static;
}
}
.list-third{overflow-wrap:anywhere}
.min-h-bottom>* {
  min-width: 0;
}
.justify-auto{max-width:24ch}
.col-20 {
  color: var(--color-subtle);
}
.order-xs {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.visible {
  margin-bottom: 2.5rem;
}
.justify-auto{max-width:28ch}
.min-h-bottom {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,5rem);
  align-items: start;
}
.cursor-light {
  margin: 0;
  display: grid;
  grid-template-columns: 1rem minmax(0,1fr);
  column-gap: 1rem;
}
.object-around {
  grid-column: 2;
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: var(--radius-large);
}
.shrink-screen {
  grid-column: 2;
  margin-top: 1rem;
  font-size: .85rem;
  color: var(--color-subtle);
  padding-top: .8rem;
  border-top: 1px solid var(--color-rule);
}
.cursor-light::before{content:'';grid-row:1;grid-column:1;background:var(--color-primary);border-radius:var(--radius-default)}
.not-sr-between{list-style:none;padding:0;margin:2rem 0}
.my-4 {
  position: relative;
  padding: 1.2rem 0 1.2rem 3rem;
  border-top: 1px solid var(--color-rule);
}
.clearfix-cover{position:absolute;left:0;top:1.2rem;border:1px solid var(--color-rule);border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;font-size:.8rem;color:var(--color-primary)}
.opacity-decimal{font-size:1.15rem}
.col-20 {
  margin: 0;
}
.order-xs{display:inline-flex;gap:1.5rem;padding-bottom:.5rem;border-bottom:1px solid currentColor;font-weight:700}
.order-xs span{font-size:1.5rem;line-height:1}
@media(max-width:760px){
.min-h-bottom {
  grid-template-columns: 1fr;
}
.object-around{aspect-ratio:4/3}
.cursor-light {
  grid-template-columns: .5rem minmax(0,1fr);
  column-gap: .6rem;
}
}
.visible-scroll{max-width:44rem;margin-bottom:2.5rem}
.min-h-2xl .visible-scroll{margin-left:auto;margin-right:auto;text-align:center}
.self-wrap {
  gap: 2.5rem 3rem;
}
.self-12 .top-8 {
  border-top: 2px solid var(--color-primary);
  padding-top: 1.25rem;
}
.sticky-wrap{font-size:1.15rem;margin-bottom:.6rem}
.ml {
  margin: 0;
  line-height: 1.7;
}
.ring-primary {
  max-width: 46rem;
  margin-bottom: 3rem;
}
.skew-0 {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.ease-xl{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.15fr);gap:2rem;align-items:center;padding-block:2.5rem;border-bottom:1px solid var(--color-rule)}
.text-col{align-self:start;color:var(--color-primary);font-size:.85rem;font-variant-numeric:tabular-nums}
.shrink-pointer{font-size:clamp(1.3rem,2.5vw,2rem);max-width:20ch;overflow-wrap:anywhere}
.relative {
  color: var(--color-subtle);
  max-width: 36ch;
  margin: 0;
}
.delay-half {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: var(--radius-default);
}
.ease-xl:not(:has(.delay-half)){grid-template-columns:3rem minmax(0,1fr)}
.ease-xl:not(:has(.delay-half)) .relative{max-width:65ch}
@media(max-width:700px){
.ease-xl{grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-block:1.8rem}
.delay-half {
  grid-column: 2;
}
.relative {
  max-width: none;
}
.ring-primary{margin-bottom:2rem}
}
.mx-left {
  padding-block: var(--spacing-block);
  background: var(--color-base);
  color: var(--color-copy);
  overflow-wrap: anywhere;
}
.p-right {
  border-top: 1px solid var(--color-rule);
  padding-top: 1.7rem;
}
.grid-xl {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 2rem;
  align-items: start;
  margin-bottom: 2rem;
}
.h-circle{color:var(--color-primary);max-width:26rem}
.my-pointer {
  margin: 0;
  color: var(--color-subtle);
  font-size: .95rem;
  max-width: 36rem;
}
.shrink-circle{font-size:calc(var(--text-h2) * 1.45);line-height:1.12;max-width:23ch;margin-bottom:1.6rem}
.select .shrink-circle{margin-left:12%}
.rounded-white{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem 0 1.2rem;border-bottom:2px solid var(--color-primary);font-weight:600;font-size:clamp(1.1rem,2.8vw,1.8rem);line-height:1.35;color:var(--color-primary)}
.rounded-white:hover{color:var(--color-brand-hover);text-decoration:underline;text-underline-offset:.3em}
.mt-auto {
  font-size: 2.5rem;
  line-height: 1;
  flex: none;
}
@media (max-width:640px){.grid-xl {
  grid-template-columns: 1fr;
  gap: .6rem;
  margin-bottom: 1.5rem;
}.shrink-circle {
  font-size: calc(var(--text-h2) * 1.15);
}.select .shrink-circle{margin-left:0}.rounded-white{gap:1rem}.mt-auto{font-size:1.8rem}}
.my-1{padding-block:calc(var(--spacing-block) * .7);background:var(--color-base);overflow-wrap:anywhere}
.ease-quarter{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-large);overflow:hidden}
.flex-x {
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
  border-top: 4px solid var(--color-primary);
}
.block-decimal .flex-x{border-top:0;border-left:4px solid var(--color-primary)}
.not-sr{color:var(--color-primary)}
.ease-between{max-width:22ch;font-size:calc(var(--text-h1) * .88);line-height:1.15}
.bg-disc{font-size:1.05rem;line-height:1.7;color:var(--color-subtle);max-width:38rem;margin:1.2rem 0 0}
.duration-black {
  margin: 0;
  min-width: 0;
  display: flex;
  padding: .8rem;
}
.sr-secondary{width:100%;height:100%;min-height:12rem;object-fit:cover;border-radius:var(--radius-default);aspect-ratio:4/5}
@media (max-width:700px){
.ease-quarter{grid-template-columns:1fr}
.ease-between{font-size:var(--text-h1)}
.duration-black{padding:0 1.25rem 1.25rem}
.sr-secondary {
  aspect-ratio: 16/7;
  height: auto;
  min-height: 0;
}
.bg-disc{font-size:1rem}
}
.mx-gray-100 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 3rem;
}
.truncate-start{margin:2rem 0 0;padding:1.5rem 1.75rem;border-left:4px solid var(--color-primary);background:var(--color-card);border-radius:0 var(--radius-default) var(--radius-default) 0}
.mr-square{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.5rem}
.origin-white{font-style:normal;color:var(--color-subtle);font-size:.9rem}
@media (max-width:860px){.mx-gray-100 {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.min-h-circle{overflow-wrap:anywhere}
.sr>* {
  min-width: 0;
}
.place-dark {
  max-width: 24ch;
}
.m-2xl {
  color: var(--color-subtle);
}
.inset-row{max-width:100%;white-space:normal;text-align:center}
.overflow-center {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 1rem 4rem;
  align-items: end;
  margin-bottom: 3rem;
}
.overflow-center .my-24{grid-column:1/-1}
.place-dark {
  font-size: clamp(2rem,4.2vw,4rem);
  line-height: 1.12;
  margin: 0;
  max-width: 21ch;
}
.grow-bottom{margin:0;max-width:45ch}
.duration-20{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--color-copy)}
.shrink-top {
  padding: 2rem 2rem 0 0;
  min-width: 0;
}
.shrink-top+.shrink-top{border-left:1px solid var(--color-rule);padding-left:2rem}
.max-w-12{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.05em;line-height:1;color:var(--color-primary);display:block;margin-bottom:2rem}
.text-5 {
  font-size: clamp(1.3rem,2.3vw,1.8rem);
  min-height: 2.6em;
}
.m-2xl {
  margin: 0;
  line-height: 1.85;
}
@media(max-width:740px){.overflow-center{grid-template-columns:1fr;gap:1.5rem}.duration-20{grid-template-columns:1fr}.shrink-top,.shrink-top+.shrink-top{border-left:0;border-bottom:1px solid var(--color-rule);padding:1.7rem 0;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.7rem 1.2rem}.max-w-12 {
  font-size: 2.5rem;
  grid-row: 1/3;
  margin: 0;
}.text-5{min-height:0;margin:0}.m-2xl{grid-column:2}}
.duration-visible {
  padding-block: calc(var(--spacing-block) * .85);
  background: var(--color-base);
  overflow-wrap: anywhere;
}
.block-md{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.truncate{font-size:.8rem;font-weight:600;text-transform:var(--case-overline);letter-spacing:var(--tracking-label);color:var(--color-primary);max-width:75%}
.items-xs{height:1px;flex:1;background:var(--color-rule)}
.shrink-tight .items-xs{height:3px;background:var(--color-primary)}
.sticky-cover{font-size:calc(var(--text-h1) * 1.2);line-height:1.1;max-width:24ch;margin:0;padding-bottom:1.8rem}
.leading-20 {
  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;
}
.left-none{font-size:.8rem;color:var(--color-subtle);font-weight:600;max-width:24rem}
.h-gray-900{grid-template-columns:minmax(0,1fr)}
.col-circle{font-size:1.1rem;line-height:1.7;color:var(--color-subtle);max-width:42rem;margin:0}
@media (max-width:640px){
.sticky-cover{font-size:var(--text-h1)}
.leading-20{grid-template-columns:1fr;gap:1rem}
.left-none{display:none}
.col-circle{font-size:1rem}
}
.absolute-8{overflow-wrap:anywhere}
.cursor-md>* {
  min-width: 0;
}
.pt-between{max-width:24ch}
.flex{color:var(--color-subtle)}
.left-10 {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.cursor-md{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.translate-normal{display:flex;flex-direction:column;gap:1.5rem}
.duration-bottom .p-secondary {
  max-width: 48ch;
}
.transition-circle {
  width: 100%;
  aspect-ratio: 5/4;
  object-fit: cover;
  border-radius: var(--radius-large);
}
.container-x {
  padding-top: .3rem;
}
.items-20 {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 2rem 1.5rem;
}
.leading-pointer{padding-top:1rem;border-top:2px solid var(--color-rule);min-width:0}
.rotate-pointer{font-size:.8rem;color:var(--color-primary);font-weight:700;letter-spacing:.12em;margin-bottom:1rem}
.grow-xs {
  font-size: 1.1rem;
}
.flex{font-size:.95rem;margin:0}
.z-screen{color:var(--color-subtle);font-size:.9rem;border-top:1px solid var(--color-rule);padding-top:1.5rem}
.leading-pointer:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:800px){
.cursor-md {
  grid-template-columns: 1fr;
}
.transition-circle {
  aspect-ratio: 16/9;
}
}
@media(max-width:420px){
.items-20 {
  grid-template-columns: 1fr;
}
.transition-circle{aspect-ratio:4/3}
}
.my-secondary {
  overflow-wrap: anywhere;
}
.break{max-width:24ch;margin-bottom:2rem}
.rotate{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.4fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.place-circle {
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: var(--color-card);
  border-top: 4px solid var(--color-primary);
}
.divide-xs {
  color: var(--color-subtle);
  margin: 1.5rem 0;
  font-size: .9rem;
}
.list-cover {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pb{display:grid;grid-template-columns:minmax(4rem, max-content) minmax(0, 1fr);gap:1.5rem;padding:1.75rem 0;border-top:1px solid var(--color-rule)}
.skew-left{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--color-primary);white-space:nowrap;overflow-wrap:normal}
.list-lg p{margin-bottom:0}
@media (max-width: 700px){
.rotate{grid-template-columns:minmax(0, 1fr)}
.pb {
  grid-template-columns: minmax(2.5rem, max-content) minmax(0, 1fr);
  gap: 1rem;
}
.skew-left{font-size:2rem}
}
.align-6{overflow-wrap:anywhere}
.max-w-disc>* {
  min-width: 0;
}
.inline-center{max-width:24ch}
.m-3{color:var(--color-subtle)}
.content-visible{max-width:100%;white-space:normal;text-align:center}
.truncate-12{text-align:center;max-width:48rem;margin:0 auto 3rem}
.inline-center{margin-inline:auto}
.object-12{list-style:none;padding:0;margin:0;position:relative}
.object-12::before{content:'';position:absolute;left:50%;top:1.5rem;bottom:1.5rem;border-left:1px solid var(--color-rule)}
.text-lg{position:relative;padding-bottom:2rem}
.text-lg:last-child{padding-bottom:0}
.origin-lg {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--color-base);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-size: .85rem;
  font-weight: 700;
}
.hidden{width:calc(50% - 3rem);padding:clamp(1.4rem,2.8vw,2.4rem);border:1px solid var(--color-rule);border-radius:var(--radius-large);background:var(--color-base)}
.text-lg:nth-child(even) .hidden{margin-left:auto;background:var(--color-dark-bg);color:var(--color-on-dark);border-color:var(--color-dark-bg)}
.items{font-size:clamp(1.2rem,2.2vw,1.75rem)}
.text-lg:nth-child(even) .items{color:var(--color-on-dark)}
.text-lg:nth-child(even) .m-3 {
  color: var(--color-inverse-muted);
}
.m-3{margin-bottom:1.5rem}
.overflow-secondary{display:grid;gap:.5rem;margin:0;padding-top:1rem;border-top:1px solid var(--color-rule);font-size:.9rem}
.overflow-secondary strong {
  font-size: .75rem;
  letter-spacing: .04em;
}
.text-lg:nth-child(even) .overflow-secondary {
  border-color: var(--color-dark-raised);
}
@media(max-width:760px){.truncate-12{text-align:left}.inline-center {
  margin-left: 0;
}.object-12::before {
  left: 1rem;
}.origin-lg{left:1rem;width:2rem;height:2rem;border-width:3px;font-size:.65rem;top:1.3rem}.hidden,.text-lg:nth-child(even) .hidden{width:calc(100% - 3rem);margin-left:3rem}.text-lg {
  padding-bottom: 1rem;
}}
.skew {
  padding-block: calc(var(--spacing-block) * .9) calc(var(--spacing-block) * .7);
}
.truncate-xl {
  border-bottom: 4px solid var(--color-primary);
}
.justify-relaxed{border-bottom:4px solid var(--color-highlight)}
.absolute{border-bottom:1px solid var(--color-rule)}
.content-snug{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 4rem;align-items:end}
.inline-24 {
  margin: 0;
  font-size: calc(var(--text-h1) * 1.05);
}
.rotate-md {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){
.content-snug{grid-template-columns:1fr;gap:1rem}
}
.cursor-full {
  overflow-wrap: anywhere;
}
.bg-min {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.mt-black h2{max-width:16ch}
.font-start {
  display: inline-flex;
  gap: 1.5rem;
  align-items: center;
  font-weight: 700;
  padding: .8rem 0;
  border-bottom: 1px solid currentColor;
}
.font-start span{font-size:1.7rem}
.m-black {
  margin: 0 0 2rem;
}
.py-tight{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-default)}
.block-third {
  margin: 0;
}
.p-12 {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 1.5rem;
  border-top: 1px solid var(--color-rule);
  padding: 1.4rem 0;
}
.block-20{font-weight:700}
.sticky-20 {
  display: block;
  color: var(--color-subtle);
  font-size: .75rem;
  margin-bottom: .5rem;
}
.ml-top{margin:0}
.leading-hidden {
  border-left: 3px solid var(--color-primary);
  padding: .5rem 0 .5rem 1rem;
  color: var(--color-subtle);
  font-size: .9rem;
}
@media (max-width: 760px){
.bg-min{grid-template-columns:minmax(0, 1fr)}
.mt-black h2 {
  max-width: none;
}
}
@media (max-width: 420px){.p-12{grid-template-columns:minmax(0, 1fr);gap:.65rem}}
.not-sr-third {
  max-width: 46rem;
}
.bg-full .not-sr-third {
  margin-left: auto;
  margin-right: auto;
}
.bg-full .scale-max{text-align:center}
.scale-max{margin-bottom:1.5rem}
.block-2xl {
  margin: 0 0 1.1rem;
  line-height: 1.7;
}
.object-white {
  font-size: 1.15rem;
  margin: 1.75rem 0 .75rem;
}
.grid-disc {
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
  gap: .5rem;
}
.p-light::marker{color:var(--color-primary)}
.order-medium {
  max-width: 45rem;
  margin-bottom: 3rem;
}
.content-tight{overflow-wrap:anywhere}
.whitespace-light {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.grid-right {
  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-rule);
  align-items: start;
}
.flex-between {
  font-family: var(--font-display);
  font-size: 1.75rem;
  line-height: 1.2;
  color: var(--color-primary);
  font-variant-numeric: tabular-nums;
}
.px-24{font-size:1.1rem;margin:0;line-height:1.5;overflow-wrap:anywhere}
.transition-muted {
  margin: 0;
  color: var(--color-subtle);
}
@media(max-width:760px){.grid-right{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem 1rem}.transition-muted {
  grid-column: 2;
}.order-medium {
  margin-bottom: 2rem;
}}
.content-cover{overflow-wrap:anywhere}
.content-y{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(2rem, 7vw, 7rem);align-items:start}
.self-gray-500{border-top:4px solid var(--color-primary);padding-top:1.5rem}
.absolute-scroll {
  position: relative;
  padding: 0 0 1.5rem 3.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
}
.my-lg {
  position: absolute;
  left: 0;
  top: .15rem;
  color: var(--color-subtle);
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
}
.m-bottom{max-width:65ch}
@media (max-width: 760px){.content-y {
  grid-template-columns: minmax(0, 1fr);
}.absolute-scroll{padding-left:2.5rem}}
.whitespace-around{background:var(--color-primary);color:var(--color-primary-fg)}
.ring-row {
  max-width: 46rem;
  text-align: center;
}
.static-3 {
  display: block;
  margin-bottom: .7rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-overline);
  color: var(--color-tagline);
}