.max-w-tight {
  font-size: .95rem;
  margin: 0;
}
.sr{display:grid;gap:.75rem}
.cursor-8 {
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-sm);
  background: var(--color-background);
  min-width: 0;
}
.basis-y {
  position: relative;
  display: grid;
  grid-template-columns: 1.5rem minmax(0,1fr);
  gap: .75rem;
  padding: 1.25rem 3rem 1.25rem 1.25rem;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.basis-y::-webkit-details-marker {
  display: none;
}
.basis-y::after {
  font-weight: 400;
  position: absolute;
  top: 1.05rem;
  color: var(--color-primary);
  right: 1.25rem;
  content: '+';
  font-size: 1.4rem;
}
.cursor-8[open] .basis-y::after{content:'−'}
.basis-y:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.gap-end {
  font-size: .75rem;
  color: var(--color-muted);
  padding-top: .2rem;
}
.visible-disc{padding:0 1.25rem 1.5rem 3.5rem;margin:0;color:var(--color-muted)}
@media(max-width:760px){.z-fit {
  grid-template-columns: minmax(0,1fr);
}.break-left{margin-bottom:1rem}.visible-disc {
  padding-left: 1.25rem;
}}
.max-w-6 {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-background);
  border: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-1);
}
.whitespace-5{margin:0;padding:clamp(1.75rem,5vw,3.25rem);background:var(--color-primary-soft);position:relative}
.mt-tight{color:var(--color-primary);height:3.25rem;display:block;line-height:1;font-size:6rem;font-family:Georgia,serif}
.shadow-medium {
  font-family: var(--font-head);
  color: var(--color-ink);
  font-size: clamp(1.2rem,2.2vw,1.5rem);
  line-height: 1.45;
  margin: 0 0 1.5rem;
}
.left-end {
  display: flex;
  align-items: center;
  gap: .8rem;
}
.ml-primary{width:2.75rem;font-size:.85rem;font-weight:700;color:var(--color-primary-fg);display:grid;background:var(--color-primary);border-radius:50%;place-items:center;height:2.75rem}
.align-y{flex-direction:column;display:flex;line-height:1.3;color:var(--color-ink)}
.p-sm{font-size:.85rem;color:var(--color-muted)}
.my-hidden {
  align-items: flex-start;
  flex-direction: column;
  padding: clamp(1.75rem,5vw,3.25rem);
  display: flex;
  justify-content: center;
}
.inline-gray-100 {
  margin-bottom: .8rem;
}
.top-dark {
  color: var(--color-muted);
  margin-bottom: 1.6rem;
}
@media (max-width:820px){.max-w-6 {
  grid-template-columns: minmax(0,1fr);
}}
.ring{padding-block:calc(var(--spacing-section) * .9) calc(var(--spacing-section) * .7)}
.col-half {
  border-bottom: 4px solid var(--color-primary);
}
.shrink-center {
  border-bottom: 4px solid var(--color-accent);
}
.min-h-bottom{border-bottom:1px solid var(--color-stroke)}
.w{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 4rem;align-items:end}
.scale-circle{margin:0;font-size:calc(var(--text-display) * 1.05)}
.pb-wrap{max-width:34rem;margin:0 0 .35rem}
@media (max-width:760px){.w{grid-template-columns:1fr;gap:1rem}}
.tracking-quarter {
  min-width: 0;
}
.shrink{margin-bottom:2rem;max-width:54rem}
.shadow-wrap {
  overflow-wrap: anywhere;
}
.duration-light{gap:1.2rem;margin:0;display:grid;list-style:none;padding:0}
.break {
  min-width: 0;
  overflow-wrap: anywhere;
}
.break h3{margin:0 0 .6rem;font-size:1.2rem}
.break p{margin:0;line-height:1.7}
.delay-1 {
  overflow-wrap: anywhere;
  letter-spacing: .04em;
  font-weight: 700;
  font-size: .8rem;
  margin-bottom: .7rem;
  color: var(--color-muted);
  display: block;
}
.break {
  padding: 1.3rem 0;
  border-top: 1px solid var(--color-stroke);
}
.break summary{font-weight:700;font-size:1.2rem;cursor:pointer}
.break summary:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 5px;
}
.break p {
  padding-top: 1rem;
  max-width: 60rem;
}
@media (max-width: 700px){.duration-light{grid-template-columns:minmax(0, 1fr)}.break{grid-template-columns:minmax(0, 1fr);gap:.5rem}}
.overflow-3{max-width:52rem;margin-bottom:2.5rem}
.items-gray-900 {
  margin-bottom: 1rem;
}
.sticky-end {
  margin-bottom: 0;
}
.static-gray-900{margin:0;display:flex;align-items:stretch;padding:0;list-style:none}
.content-end {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-inline-end: 1.5rem;
}
.content-end:last-child {
  padding-inline-end: 0;
}
.content-end:not(:last-child)::before {
  position: absolute;
  height: 2px;
  background: var(--color-stroke);
  content: "";
  top: 1.5rem;
  inset-inline-end: 0;
  inset-inline-start: 1.5rem;
}
.ease{position:relative;display:grid;place-items:center;flex:none;width:3rem;height:3rem;border:2px solid var(--color-primary);border-radius:50%;background:var(--color-background);color:var(--color-ink);font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:1.5rem}
.scale-20 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.place-2 {
  line-height: 1.35;
  overflow-wrap: anywhere;
  margin: 0 0 .8rem;
  font-size: 1.2rem;
}
.duration-top{hyphens:auto;overflow-wrap:anywhere;margin:0 0 1.5rem;color:var(--color-muted)}
.mt-white{padding-top:1rem;border-top:2px solid var(--color-stroke);margin-top:auto}
.content-max{overflow-wrap:anywhere;font-size:.8rem;margin:0 0 .4rem;font-weight:700}
.inset-6 {
  font-size: .95rem;
  hyphens: auto;
  overflow-wrap: anywhere;
  margin: 0;
}
@media(max-width:1000px){
.static-gray-900{display:block}
.content-end {
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr);
  gap: 1.25rem;
  padding: 0 0 2rem;
}
.content-end:last-child{padding-bottom:0}
.content-end:not(:last-child)::before{top:1.5rem;width:2px;inset-inline-start:1.5rem;bottom:0;inset-inline-end:auto;height:auto}
.ease{margin:0}
.mt-white {
  margin-top: 0;
}
.overflow-3 {
  margin-bottom: 2rem;
}
}
@media(max-width:400px){.content-end{gap:.8rem}}
.block-left{display:grid;grid-template-columns:2fr 3fr;gap:3rem}
.transition-0 {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  margin: 2rem 0 0;
  background: var(--color-layer);
  padding: 1.5rem 1.75rem;
  border-left: 4px solid var(--color-primary);
}
.max-w-hidden{font-size:1.2rem;margin-bottom:.5rem;font-family:var(--font-head)}
.mb {
  color: var(--color-muted);
  font-style: normal;
  font-size: .9rem;
}
@media (max-width:860px){.block-left {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.text-bold{padding-block:calc(var(--spacing-section) * .85);overflow-wrap:anywhere;background:var(--color-background)}
.truncate-disc {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.truncate-wrap{text-transform:var(--case-eyebrow);max-width:75%;font-size:.8rem;letter-spacing:var(--tracking-label);color:var(--color-primary);font-weight:600}
.p-md{flex:1;height:1px;background:var(--color-stroke)}
.whitespace-pointer .p-md{background:var(--color-primary);height:3px}
.container-secondary{font-size:calc(var(--text-display) * 1.2);margin:0;max-width:24ch;padding-bottom:1.8rem;line-height:1.1}
.rounded {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--color-stroke);
  padding-top: 1.3rem;
}
.pt-tight {
  color: var(--color-muted);
  max-width: 24rem;
  font-size: .8rem;
  font-weight: 600;
}
.grow {
  grid-template-columns: minmax(0,1fr);
}
.overflow-secondary {
  color: var(--color-muted);
  font-size: 1.1rem;
  margin: 0;
  line-height: 1.7;
  max-width: 42rem;
}
@media (max-width:640px){
.container-secondary{font-size:var(--text-display)}
.rounded {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.pt-tight{display:none}
.overflow-secondary{font-size:1rem}
}
.ease-x {
  max-width: 46rem;
}
.sticky-x .ease-x{margin-right:auto;margin-left:auto}
.sticky-x .left-24 {
  text-align: center;
}
.left-24{margin-bottom:1.5rem}
.truncate-2{margin:0 0 1.1rem;line-height:1.7}
.basis-min {
  margin: 1.75rem 0 .75rem;
  font-size: 1.15rem;
}
.origin-none {
  display: grid;
  margin: 0;
  gap: .5rem;
  padding-left: 1.25rem;
}
.left-center::marker{color:var(--color-primary)}
.absolute-screen {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.ring-max .shrink-gray-900 {
  order: 2;
}
.shrink-gray-900 {
  position: relative;
  padding: 0 3rem 3rem 0;
}
.ring-max .shrink-gray-900 {
  padding: 0 0 3rem 3rem;
}
.truncate-24 {
  border-radius: var(--radius-large);
  object-fit: cover;
}
.rounded-none{width:100%;aspect-ratio:9/11}
.mr-8 {
  right: 0;
  bottom: 0;
  box-shadow: var(--shadow-2);
  position: absolute;
  width: 55%;
  border: 6px solid var(--color-background);
  aspect-ratio: 5/4;
}
.ring-max .mr-8{left:0;right:auto}
.order-col {
  margin-bottom: 1.5rem;
  color: var(--color-muted);
}
.m-muted{list-style:none;margin:0 0 1.75rem;padding:1.25rem 0;border-top:1px solid var(--color-stroke);border-bottom:1px solid var(--color-stroke);display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem}
.order-decimal{flex-direction:column;line-height:1.2;display:flex}
.order-auto{font-family:var(--font-head);color:var(--color-primary);font-size:1.75rem}
.mt {
  font-size: .85rem;
  color: var(--color-muted);
}
@media (max-width:860px){
.absolute-screen{grid-template-columns:1fr;gap:2.5rem}
.ring-max .shrink-gray-900{order:0}
}
.duration-contain{overflow-wrap:anywhere}
.mt-screen {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.pt-10{border-top:4px solid var(--color-primary);padding-top:1.5rem}
.flex-half {
  margin-bottom: 1.5rem;
  position: relative;
  padding: 0 0 1.5rem 3.5rem;
  border-bottom: 1px solid var(--color-stroke);
}
.grid-circle{position:absolute;color:var(--color-muted);font-size:.8rem;font-variant-numeric:tabular-nums;left:0;top:.15rem}
.origin-3{max-width:65ch}
@media (max-width: 760px){
.mt-screen {
  grid-template-columns: minmax(0, 1fr);
}
.flex-half {
  padding-left: 2.5rem;
}
}
.sr-md {
  overflow-wrap: anywhere;
  padding-block: calc(var(--spacing-section) * .7);
  background: var(--color-background);
}
.place-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-layer);border:1px solid var(--color-stroke);border-radius:var(--radius-large);overflow:hidden}
.block-visible{min-width:0;border-top:4px solid var(--color-primary);padding:clamp(1.5rem,4.5vw,4rem)}
.px .block-visible {
  border-top: 0;
  border-left: 4px solid var(--color-primary);
}
.ease-0 {
  color: var(--color-primary);
}
.list-xl{line-height:1.15;font-size:calc(var(--text-display) * .88);max-width:22ch}
.delay-hidden{margin:1.2rem 0 0;line-height:1.7;color:var(--color-muted);max-width:38rem;font-size:1.05rem}
.grid-xs{min-width:0;margin:0;padding:.8rem;display:flex}
.object{aspect-ratio:4/5;border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%;min-height:12rem}
@media (max-width:700px){
.place-bottom{grid-template-columns:1fr}
.list-xl{font-size:var(--text-display)}
.grid-xs {
  padding: 0 1.25rem 1.25rem;
}
.object {
  min-height: 0;
  aspect-ratio: 16/7;
  height: auto;
}
.delay-hidden{font-size:1rem}
}
.clearfix-primary{margin-bottom:3rem;max-width:45rem}
.basis-5{overflow-wrap:anywhere}
.translate-lg{padding:0;margin:0;list-style:none;border-top:1px solid var(--color-stroke)}
.mr-light{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-stroke);align-items:start}
.ring-snug {
  font-family: var(--font-head);
  font-variant-numeric: tabular-nums;
  color: var(--color-primary);
  font-size: 1.75rem;
  line-height: 1.2;
}
.py-none{line-height:1.5;font-size:1.1rem;margin:0;overflow-wrap:anywhere}
.ring-lg {
  color: var(--color-muted);
  margin: 0;
}
@media(max-width:760px){
.mr-light{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem 1rem}
.ring-lg{grid-column:2}
.clearfix-primary {
  margin-bottom: 2rem;
}
}
.left-square {
  margin-bottom: 3rem;
  max-width: 45rem;
}
.text-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem}
.m-6 {
  min-width: 0;
}
.rounded-y{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center;border-bottom:1px solid var(--color-stroke);padding-bottom:3rem}
.w-max {
  display: block;
  margin-bottom: 1.5rem;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.rounded-y .w-max{margin-bottom:0}
.space-2 {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/10;
}
.select-gray-900 {
  display: flex;
  gap: .6rem 1.2rem;
  flex-wrap: wrap;
  font-size: .75rem;
  margin-bottom: 1rem;
}
.object-md{color:var(--color-primary);font-weight:600}
.grid-auto {
  color: var(--color-muted);
}
.decoration-left {
  line-height: 1.25;
  font-size: 1.55rem;
  overflow-wrap: anywhere;
}
.rounded-y .decoration-left {
  font-size: clamp(1.8rem,3vw,2.7rem);
}
.place-between{color:var(--color-ink)}
.place-between:hover {
  color: var(--color-primary);
}
.font-normal {
  max-width: 55ch;
  color: var(--color-muted);
  font-size: .95rem;
}
.tracking-screen {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  font-size: .85rem;
  font-weight: 600;
  padding-block: .3rem;
}
.self-light{font-size:1.2rem}
.w-max:not(:has(.space-2)) {
  display: none;
}
.rounded-y:not(:has(.space-2)) {
  grid-template-columns: minmax(0,1fr);
}
.m-6:last-child:nth-child(even):not(.rounded-y) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 2rem;
  align-items: center;
  padding-top: 2rem;
  border-top: 1px solid var(--color-stroke);
}
.m-6:last-child:nth-child(even):not(.rounded-y) .w-max{margin-bottom:0}
.m-6:last-child:nth-child(even):not(:has(.space-2)){grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.text-start,.rounded-y{grid-template-columns:minmax(0,1fr)}.rounded-y{gap:1.5rem}.left-square {
  margin-bottom: 2rem;
}}
@media(max-width:760px){.m-6:last-child:nth-child(even):not(.rounded-y){grid-template-columns:minmax(0,1fr);gap:1.5rem}}
.text-screen{margin:0 auto 2.5rem;text-align:center;max-width:42rem}
.absolute-scroll {
  margin-bottom: 0;
}
.w-full{display:grid;gap:1.5rem;align-items:start}
.leading-around .w-full{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.tracking-wrap .w-full {
  max-width: 46rem;
  margin: 0 auto;
}
.row-auto {
  display: grid;
  gap: 1.75rem;
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-large);
  background: var(--color-background);
}
.static-muted {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .25rem 1rem;
  margin-bottom: .65rem;
}
.mr-decimal {
  font-weight: 600;
}
.col-medium {
  font-weight: 700;
  font-family: var(--font-head);
  white-space: nowrap;
  line-height: 1.2;
  font-size: 1.3rem;
  color: var(--color-primary);
}
.decoration-between {
  display: block;
  margin: 0;
  width: 100%;
  height: 1.5rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}
.decoration-between:focus-visible,.ml-none:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
.mr-wide{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.35rem;font-size:.8rem;color:var(--color-muted)}
.space-medium{margin:0;min-width:0;border:0;padding:0}
.px-24{margin-bottom:.8rem;font-weight:600;padding:0}
.mx {
  display: grid;
}
.cursor-cover {
  display: flex;
  align-items: center;
  gap: .75rem;
  cursor: pointer;
}
.shadow-2xl .cursor-cover{padding:.7rem 0;border-top:1px solid var(--color-stroke)}
.shadow-2xl .cursor-cover:last-child {
  border-bottom: 1px solid var(--color-stroke);
}
.basis-square .mx {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.basis-square .cursor-cover{gap:.55rem;padding:.55rem .95rem;border:1px solid var(--color-stroke);border-radius:999px;background:var(--color-layer)}
.basis-square .cursor-cover:has(:checked){border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}
.ml-none{accent-color:var(--color-primary);cursor:pointer;height:1.15rem;width:1.15rem;margin:0;flex-shrink:0}
.ml-md {
  flex: 1;
  min-width: 0;
}