@media (max-width: 700px){
.h-between{grid-template-columns:minmax(0, 1fr)}
.justify-20{grid-template-columns:minmax(2.5rem, max-content) minmax(0, 1fr);gap:1rem}
.delay-5 {
  font-size: 2rem;
}
}
.text-top{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}
.visible-tight{min-width:0}
.row-dark{margin:0;overflow-wrap:anywhere;max-width:22ch}
.self-xl{display:inline-flex;align-items:center;gap:1rem;font-size:.9rem;padding-block:.5rem;flex-shrink:0}
.transition-sm{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem}
.cursor-min{overflow:hidden;min-width:0;background:var(--color-surface);border-radius:var(--radius-sm)}
.z{object-fit:cover;aspect-ratio:16/9;width:100%}
.translate-gray-100{padding:1.5rem 2rem 2rem}
.truncate-xl{color:var(--color-secondary-text);font-size:.75rem;margin-bottom:.7rem}
.mr-quarter{overflow-wrap:anywhere;font-size:1.3rem}
.m-circle {
  color: var(--color-text);
}
.m-circle:hover{color:var(--color-main)}
.z-md{font-size:.95rem;color:var(--color-secondary-text);margin:0}
.row-8{border-top:1px solid var(--color-stroke);list-style:none;margin:0;padding:0}
.shadow-black{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-block:1.7rem;border-bottom:1px solid var(--color-stroke)}
.tracking-third {
  font-variant-numeric: tabular-nums;
  color: var(--color-main);
  font-size: .8rem;
}
@media(max-width:760px){
.text-top{align-items:start;flex-direction:column;gap:1rem}
.transition-sm{grid-template-columns:minmax(0,1fr);gap:2rem}
.translate-gray-100 {
  padding: 1.5rem;
}
.self-xl {
  flex-shrink: 1;
}
}
.truncate-24 {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  gap: clamp(1.75rem,5vw,4rem);
  align-items: center;
  padding: clamp(1.75rem,5vw,3.25rem);
  border-radius: var(--radius-large);
}
.not-sr{border:2px solid var(--color-main)}
.ml-20 {
  background: var(--color-surface);
}
.mx-none{color:var(--color-on-primary);background:var(--color-main)}
.basis-center{display:block;text-transform:var(--case-label);color:var(--color-eyebrow);margin-bottom:.7rem;font-weight:700;font-size:.8rem;letter-spacing:var(--tracking-label)}
.mx-none .basis-center,.mx-none .block-visible{color:var(--color-on-primary)}
.block-visible{margin-bottom:.9rem}
.h-24 {
  opacity: .9;
  margin-bottom: 1.6rem;
}
.ease-normal{display:grid;margin:0;list-style:none;gap:1rem;padding:0}
.opacity-row {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: 1rem 1.1rem;
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-text);
  font-weight: 600;
  box-shadow: var(--shadow-sm);
}
.mt-normal{background:var(--color-main);height:1.9rem;width:1.9rem;place-items:center;display:grid;color:var(--color-on-primary);flex:none;border-radius:50%}
.mt-normal svg{width:1rem;height:1rem}
@media (max-width:820px){.truncate-24{grid-template-columns:minmax(0,1fr)}}
.translate{padding-block:calc(var(--spacing-stack) * .9) calc(var(--spacing-stack) * .7)}
.object-min {
  border-bottom: 4px solid var(--color-main);
}
.grow-third {
  border-bottom: 4px solid var(--color-accent);
}
.object-x{border-bottom:1px solid var(--color-stroke)}
.cursor-wrap {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.list-6{font-size:calc(var(--text-xxl) * 1.05);margin:0}
.w-fit {
  max-width: 34rem;
  margin: 0 0 .35rem;
}
@media (max-width:760px){
.cursor-wrap {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.self-gray-100{display:grid;grid-template-columns:2fr 3fr;gap:3rem}
.z-circle{border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1.5rem 1.75rem;margin:2rem 0 0;border-left:4px solid var(--color-main);background:var(--color-surface)}
.items-min{font-size:1.2rem;font-family:var(--font-display);margin-bottom:.5rem}
.break-10{color:var(--color-secondary-text);font-style:normal;font-size:.9rem}
@media (max-width:860px){.self-gray-100{grid-template-columns:1fr;gap:1rem}}
.fixed-snug {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 1rem 3rem;
  align-items: end;
  margin-bottom: clamp(2rem,4vw,3rem);
}
.sticky-decimal{grid-column:1/-1;margin-bottom:0}
.cursor-24,.shadow-1 {
  margin: 0;
}
.justify-visible {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-auto-rows: minmax(11rem,auto);
  gap: 1rem;
}
.break{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:1.5rem;border-radius:var(--radius-large);background:var(--color-surface)}
.pb-20 .break{background:var(--color-bg)}
.text-dark{grid-column:1/3;grid-row:1/3;overflow:hidden;padding:0}
.m{width:100%;height:100%;object-fit:cover}
.font-normal{grid-column:3/5;justify-content:flex-end}
.rounded-5 .font-normal{color:var(--color-on-primary);background:var(--color-main)}
.fixed-tight .font-normal {
  color: var(--color-dark-fg);
  background: var(--color-inverse);
}
.my-6 {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}
.my-6 .text-xl{flex:0 0 14rem}
.col-gray-900 {
  color: var(--color-primary-strong);
  border-radius: var(--radius-sm);
  background: var(--color-primary-soft);
  display: grid;
  flex: none;
  height: 2.75rem;
  place-items: center;
  width: 2.75rem;
}
.rounded-5 .font-normal .col-gray-900,.fixed-tight .font-normal .col-gray-900{background:rgba(255,255,255,.16);color:inherit}
.col-gray-900 svg {
  width: 1.35rem;
  height: 1.35rem;
}
.text-xl {
  font-size: 1.15rem;
  color: inherit;
  margin: .6rem 0 .1rem;
}
.fixed{opacity:.85;margin:0;font-size:.95rem}
.my-6 .text-xl {
  margin: 0;
}
@media (max-width:860px){
.fixed-snug {
  grid-template-columns: minmax(0,1fr);
}
.justify-visible {
  grid-auto-rows: auto;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.text-dark {
  grid-row: auto;
  grid-column: 1/-1;
  aspect-ratio: 4/3;
}
.font-normal,.my-6{grid-column:1/-1}
.my-6 {
  flex-direction: column;
  align-items: flex-start;
}
.my-6 .text-xl {
  flex: none;
}
}
@media (max-width:520px){
.justify-visible {
  grid-template-columns: minmax(0,1fr);
}
}
.sticky-row{margin-bottom:2rem}
.delay-dark{padding:0;margin:0;list-style:none}
.object {
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  border-top: 3px solid var(--color-main);
  padding: 1.5rem;
  background: var(--color-surface);
}
.truncate-20{margin-bottom:.75rem;color:var(--color-primary-soft);font-size:2rem;line-height:1;font-family:var(--font-display);display:block}
.grid-md{margin:0;color:var(--color-secondary-text)}
.ml-bold{overflow-wrap:anywhere}
.mr-xl {
  text-align: center;
  margin: 0 auto 3rem;
  max-width: 50rem;
}
.mr-xl h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.translate-left{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-stroke)}
.translate-left:nth-child(odd) {
  background: var(--color-surface);
}
.col-10{max-width:20ch}
.transition-md {
  max-width: 70ch;
}
.transition-md p:last-child{margin-bottom:0}
@media (max-width: 640px){
.translate-left{grid-template-columns:minmax(0, 1fr)}
.col-10 {
  max-width: none;
}
}
.truncate-gray-100{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:2.75rem;border-radius:var(--radius-large)}
.gap-3{text-align:center;flex-direction:column}
.skew-full{background:var(--color-main);color:var(--color-on-primary)}
.min-h-cover{background:var(--color-surface);border:1px solid var(--color-stroke)}
.gap-tight{border:2px solid var(--color-main)}
.shrink-row {
  color: var(--color-dark-fg);
  background: var(--color-inverse);
}
.content-right{margin-bottom:.5rem;color:var(--color-eyebrow);display:inline-block;text-transform:var(--case-label);font-size:.8rem;font-weight:700;letter-spacing:var(--tracking-label)}
.skew-full .content-right {
  color: var(--color-on-primary);
  opacity: .85;
}
.shrink-row .content-right {
  color: var(--color-primary-inverse);
}
.static {
  margin-bottom: .35rem;
  color: inherit;
}
.py-right {
  opacity: .88;
  max-width: 36rem;
  margin: 0;
}
.gap-3 .py-right {
  margin-inline: auto;
}
.rounded-around{display:flex;flex-direction:column;align-items:center;gap:.6rem;flex-shrink:0}
.mr-tight{opacity:.9;font-size:.9rem}
.skew {
  font-weight: 600;
  text-decoration: underline;
  color: inherit;
}
.shrink-row .skew{color:var(--color-primary-inverse)}
@media (max-width:720px){
.truncate-gray-100 {
  align-items: flex-start;
  flex-direction: column;
  padding: 2rem;
}
.gap-3{align-items:center}
.rounded-around {
  align-items: flex-start;
}
.gap-3 .rounded-around {
  align-items: center;
}
}
.my-screen{background:var(--color-bg);overflow-wrap:anywhere;padding-block:calc(var(--spacing-stack) * .7)}
.inset-circle {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);
  background: var(--color-surface);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-large);
  overflow: hidden;
}
.fixed-top {
  min-width: 0;
  border-top: 4px solid var(--color-main);
  padding: clamp(1.5rem,4.5vw,4rem);
}
.items-4 .fixed-top {
  border-top: 0;
  border-left: 4px solid var(--color-main);
}
.items-black {
  color: var(--color-main);
}
.shadow-circle {
  max-width: 22ch;
  line-height: 1.15;
  font-size: calc(var(--text-xxl) * .88);
}
.inline-16{color:var(--color-secondary-text);max-width:38rem;margin:1.2rem 0 0;line-height:1.7;font-size:1.05rem}
.leading-wide{min-width:0;padding:.8rem;display:flex;margin:0}
.rotate-8{width:100%;border-radius:var(--radius-sm);aspect-ratio:4/5;height:100%;object-fit:cover;min-height:12rem}
@media (max-width:700px){
.inset-circle{grid-template-columns:1fr}
.shadow-circle{font-size:var(--text-xxl)}
.leading-wide{padding:0 1.25rem 1.25rem}
.rotate-8{aspect-ratio:16/7;min-height:0;height:auto}
.inline-16{font-size:1rem}
}
.mr-cover {
  overflow-wrap: anywhere;
}
.ease-visible>* {
  min-width: 0;
}
.left-lg{max-width:24ch}
.whitespace-half{color:var(--color-secondary-text)}
.m-full {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.justify-screen {
  max-width: 48rem;
  margin-bottom: 2.5rem;
}
.scale-col {
  display: grid;
  margin: 0;
  list-style: none;
  padding: 0;
  gap: 1rem;
}
.basis-decimal{display:grid;grid-template-columns:minmax(7rem,max-content) minmax(0,1fr) 3rem;gap:2rem;align-items:center;padding:clamp(1.5rem,3vw,2.8rem);border:1px solid var(--color-stroke);border-radius:var(--radius-large);background:var(--color-bg)}
.basis-decimal:nth-child(even){grid-template-columns:3rem minmax(0,1fr) minmax(7rem,max-content);color:var(--color-dark-fg);background:var(--color-inverse)}
.w-md {
  white-space: nowrap;
  overflow-wrap: normal;
  line-height: 1;
  font-family: var(--font-display);
  font-size: clamp(3rem,7vw,6rem);
  letter-spacing: -.06em;
  color: var(--color-main);
}
.basis-decimal:nth-child(even) .w-md{grid-row:1;color:var(--color-primary-inverse);text-align:right;grid-column:3}
.basis-decimal:nth-child(even) .transition-snug {
  grid-row: 1;
  grid-column: 2;
}
.basis-decimal:nth-child(even) .tracking-12{grid-row:1;color:var(--color-primary-inverse);grid-column:1}
.basis-decimal:nth-child(even) .mb-cover{color:var(--color-dark-fg)}
.basis-decimal:nth-child(even) .whitespace-half{color:var(--color-on-dark-muted)}
.mb-cover{max-width:30ch;font-size:clamp(1.3rem,2.5vw,2rem)}
.whitespace-half{margin:0;max-width:58ch}
.tracking-12{color:var(--color-main);width:2rem}
.transition-snug{min-width:0}
.absolute-center {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.skew-x {
  max-width: 55ch;
  color: var(--color-secondary-text);
  margin: 0;
}
@media(max-width:650px){
.basis-decimal,.basis-decimal:nth-child(even) {
  grid-template-columns: minmax(3rem,max-content) minmax(0,1fr);
  gap: 1rem;
}
.w-md{font-size:2.7rem}
.tracking-12 {
  display: none;
}
.basis-decimal:nth-child(even) .w-md {
  text-align: left;
  grid-column: 1;
}
.basis-decimal:nth-child(even) .transition-snug {
  grid-column: 2;
}
.absolute-center {
  flex-direction: column;
  align-items: flex-start;
}
}
@media(max-width:360px){
.basis-decimal,.basis-decimal:nth-child(even){grid-template-columns:1fr}
.basis-decimal:nth-child(even) .w-md,.basis-decimal:nth-child(even) .transition-snug{grid-column:auto;grid-row:auto}
}
.tracking-12 svg {
  width: 100%;
  height: auto;
}
.order-3 {
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  gap: clamp(2rem,6vw,5rem);
  align-items: center;
}
.sticky-bold .order-3 {
  grid-template-columns: minmax(0,1fr);
  gap: clamp(2rem,4vw,3rem);
}
.list-xs{margin-bottom:1rem;font-size:calc(var(--text-h2) * 1.15)}
.sticky-bold .min-h {
  max-width: 44rem;
}
.rounded-between{margin-bottom:1.5rem}
.basis-contain{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--color-dark-fg)}
.select{transition:transform .2s}
.basis-contain:hover .select{transform:translateX(4px)}
.z-x{list-style:none;grid-template-columns:repeat(2,minmax(0,1fr));border-inline-start:1px solid rgba(255,255,255,.14);padding:0;border-top:1px solid rgba(255,255,255,.14);margin:0;display:grid}
.sticky-bold .z-x{grid-template-columns:repeat(4,minmax(0,1fr))}
.border-xs {
  padding: clamp(1.25rem,3vw,2rem);
  border-inline-end: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.inset-contain {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--color-primary-inverse);
}
.inset-contain svg{height:1.75rem;width:1.75rem}
.min-h-left{margin-bottom:.45rem;font-size:1.1rem}
.sticky-20{font-size:.95rem;color:var(--color-on-dark-muted);margin:0}
@media (max-width:980px){
.sticky-bold .z-x {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width:860px){.order-3 {
  grid-template-columns: minmax(0,1fr);
}}
@media (max-width:520px){.z-x,.sticky-bold .z-x {
  grid-template-columns: minmax(0,1fr);
}}
.inline-secondary{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem;align-items:start}
.divide-around{background:var(--color-main);border-radius:var(--radius-large);color:var(--color-on-primary);padding:clamp(1.5rem,3.5vw,3rem)}
.inline-gray-100 {
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
.content-circle{color:inherit;font-size:clamp(1.5rem,2.5vw,2.2rem);overflow-wrap:anywhere}
.ring-disc {
  font-size: .95rem;
  margin: 0;
}
.transition-muted{gap:.75rem;display:grid}
.skew-2xl {
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  min-width: 0;
}
.ease-2xl {
  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;
}
.ease-2xl::-webkit-details-marker{display:none}
.ease-2xl::after {
  content: '+';
  color: var(--color-main);
  position: absolute;
  font-weight: 400;
  top: 1.05rem;
  font-size: 1.4rem;
  right: 1.25rem;
}
.skew-2xl[open] .ease-2xl::after {
  content: '−';
}
.ease-2xl:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 3px;
}
.py-circle {
  padding-top: .2rem;
  font-size: .75rem;
  color: var(--color-secondary-text);
}
.rounded-col {
  margin: 0;
  color: var(--color-secondary-text);
  padding: 0 1.25rem 1.5rem 3.5rem;
}
@media(max-width:760px){.inline-secondary{grid-template-columns:minmax(0,1fr)}.inline-gray-100 {
  margin-bottom: 1rem;
}.rounded-col {
  padding-left: 1.25rem;
}}
.min-h-gray-100 {
  grid-template-columns: repeat(12,minmax(0,1fr));
  display: grid;
  align-items: center;
}
.align-auto {
  grid-row: 1;
  grid-column: 1/9;
  margin: 0;
}
.static-top .align-auto{grid-column:5/13}
.transition{width:100%;border-radius:var(--radius-large);object-fit:cover;aspect-ratio:3/2}
.transition-min {
  border-radius: var(--radius-large);
  grid-row: 1;
  box-shadow: var(--shadow-strong);
  padding: clamp(1.5rem,4vw,2.75rem);
  grid-column: 7/13;
  position: relative;
  background: var(--color-bg);
}
.static-top .transition-min{grid-column:1/7}
.left-wrap .transition-min{color:var(--color-on-primary);background:var(--color-main)}
.w-dark{letter-spacing:var(--tracking-label);margin-bottom:.7rem;font-weight:700;display:block;font-size:.8rem;color:var(--color-eyebrow);text-transform:var(--case-label)}
.left-wrap .w-dark,.left-wrap .row-col {
  color: var(--color-on-primary);
}
.row-col {
  margin-bottom: .8rem;
}
.visible-4 {
  margin-bottom: 1.5rem;
  opacity: .9;
}
@media (max-width:820px){.min-h-gray-100 {
  grid-template-columns: minmax(0,1fr);
}.align-auto,.static-top .align-auto {
  grid-column: 1;
}.transition-min,.static-top .transition-min{grid-column:1;grid-row:2;margin:-3rem 1rem 0}}
.bg-hidden{color:var(--color-dark-fg);padding-block:calc(var(--spacing-stack) * .9);display:flex;position:relative;min-height:18rem;isolation:isolate;overflow:hidden;align-items:center}
.rotate-circle {
  inset: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -2;
  position: absolute;
}
.ring-none{inset:0;z-index:-1;position:absolute}
.tracking-5 .ring-none{background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7))}
.container-left .ring-none {
  opacity: .88;
  background: var(--color-main);
}
.container-left{color:var(--color-on-primary)}
.shrink-gray-500 {
  width: min(100% - 2.5rem,var(--container-main));
}
.align .shrink-gray-500 {
  text-align: center;
}
.delay-muted{opacity:.85;font-size:.85rem;margin-bottom:.75rem}
.opacity-gray-900{color:inherit}
.opacity-gray-900:hover{color:inherit;text-decoration:underline}
.break-bottom{margin:0 .5rem}
.z-around {
  opacity: .8;
}
.border-8{margin-bottom:.5rem;color:inherit}
.left-12 {
  opacity: .9;
  margin: 0;
  max-width: 40rem;
  font-size: 1.1rem;
}
.align .left-12 {
  margin-inline: auto;
}
.overflow-quarter{background:var(--color-surface);hyphens:auto}
.mr-around{margin-bottom:2.5rem;max-width:48rem}
.border-third{font-size:clamp(1.75rem,3.4vw,var(--text-h2));max-width:26ch}
.block-min{margin:0;max-width:60ch}
.my-third {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2.5rem 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sticky-center{padding-top:.75rem;min-width:0;border-top:1px solid var(--color-text)}
.shrink-xl{margin:0}
.max-w-black {
  border: 1px solid var(--color-stroke);
  background: var(--color-bg);
  padding: .65rem;
  margin-bottom: 1.25rem;
}
.max-w-black:not(:has(img)) {
  display: none;
}
.pt-col{width:100%;object-fit:contain;aspect-ratio:4/3}
.align-visible{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem}
.content-row {
  font-size: .75rem;
  color: var(--color-secondary-text);
  line-height: 1.75;
  font-variant-numeric: tabular-nums;
}
.self-around{font-size:1.15rem;line-height:1.35;margin-bottom:.6rem}
.inset {
  line-height: 1.7;
  margin: 0;
  color: var(--color-secondary-text);
  font-size: .9rem;
}
@media(max-width:1000px){.my-third {
  grid-template-columns: repeat(2,minmax(0,1fr));
}}
@media(max-width:600px){
.my-third {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.mr-around {
  margin-bottom: 2rem;
}
}
.place{max-width:36rem;margin-bottom:2rem}
.order{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1.5rem}
.h-4 {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  padding: 1.75rem;
  border-radius: var(--radius-large);
}
.gap-circle .h-4 {
  border: 1px solid var(--color-stroke);
}
.max-w-2xl .h-4{background:var(--color-surface)}
.flex-xs.gap-circle .h-4 {
  border-color: rgba(255,255,255,.18);
}
.flex-xs.max-w-2xl .h-4 {
  background: var(--color-inverse-surface);
}