.bg-contain{padding-block:var(--spacing-stack);background:var(--color-base);color:var(--color-copy);overflow-wrap:anywhere}
.block-medium{border-top:1px solid var(--color-edge);padding-top:1.7rem}
.col-12{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start;margin-bottom:2rem}
.space-cover{color:var(--color-primary);max-width:26rem}
.rotate-min{margin:0;color:var(--color-dim);font-size:.95rem;max-width:36rem}
.inline-dark{font-size:calc(var(--text-title) * 1.45);line-height:1.12;max-width:23ch;margin-bottom:1.6rem}
.whitespace-sm .inline-dark {
  margin-left: 12%;
}
.leading {
  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);
}
.leading:hover {
  color: var(--color-brand-hover);
  text-decoration: underline;
  text-underline-offset: .3em;
}
.flex-primary{font-size:2.5rem;line-height:1;flex:none}
@media (max-width:640px){.col-12{grid-template-columns:1fr;gap:.6rem;margin-bottom:1.5rem}.inline-dark{font-size:calc(var(--text-title) * 1.15)}.whitespace-sm .inline-dark {
  margin-left: 0;
}.leading{gap:1rem}.flex-primary{font-size:1.8rem}}
.fixed-pointer {
  padding-block: calc(var(--spacing-stack) * .7);
  background: var(--color-base);
  overflow-wrap: anywhere;
}
.rotate-square{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-card);border:1px solid var(--color-edge);border-radius:var(--radius-xl);overflow:hidden}
.sr-contain {
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
  border-top: 4px solid var(--color-primary);
}
.shrink-max .sr-contain {
  border-top: 0;
  border-left: 4px solid var(--color-primary);
}
.border-visible {
  color: var(--color-primary);
}
.top-bottom {
  max-width: 22ch;
  font-size: calc(var(--text-display) * .88);
  line-height: 1.15;
}
.place-primary{font-size:1.05rem;line-height:1.7;color:var(--color-dim);max-width:38rem;margin:1.2rem 0 0}
.bg-scroll {
  margin: 0;
  min-width: 0;
  display: flex;
  padding: .8rem;
}
.ease {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  border-radius: var(--radius-md);
  aspect-ratio: 4/5;
}
@media (max-width:700px){.rotate-square{grid-template-columns:1fr}.top-bottom{font-size:var(--text-display)}.bg-scroll{padding:0 1.25rem 1.25rem}.ease {
  aspect-ratio: 16/7;
  height: auto;
  min-height: 0;
}.place-primary {
  font-size: 1rem;
}}
.sr-square{min-width:0}
.rounded-scroll {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.origin-center{overflow-wrap:anywhere}
.h-muted{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}
.col-wrap {
  min-width: 0;
  overflow-wrap: anywhere;
}
.col-wrap h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.col-wrap p {
  margin: 0;
  line-height: 1.7;
}
.justify-16 {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: .7rem;
  color: var(--color-dim);
  overflow-wrap: anywhere;
}
.h-muted {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-wrap {
  border: 1px solid var(--color-edge);
  padding: 1.6rem;
  border-radius: var(--radius-md);
}
@media (max-width: 700px){.h-muted{grid-template-columns:minmax(0, 1fr)}.col-wrap{grid-template-columns:minmax(0, 1fr);gap:.5rem}}
.object-square {
  overflow-wrap: anywhere;
}
.not-sr-scroll{max-width:50rem;margin:0 auto 3rem;text-align:center}
.not-sr-scroll h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.border-4{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-edge)}
.border-4:nth-child(odd) {
  background: var(--color-card);
}
.font-4 {
  max-width: 20ch;
}
.whitespace{max-width:70ch}
.whitespace p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){.border-4{grid-template-columns:minmax(0, 1fr)}.font-4{max-width:none}}
.p {
  overflow-wrap: anywhere;
}
.shrink-col>* {
  min-width: 0;
}
.whitespace-secondary{max-width:24ch}
.sr-x {
  color: var(--color-dim);
}
.absolute-20 {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.shrink-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.whitespace-secondary{font-size:clamp(2rem,4.5vw,4rem);line-height:1.1;max-width:20ch}
.pt-24 {
  font-family: var(--font-head);
  font-size: clamp(1.15rem,2vw,1.5rem);
  line-height: 1.6;
  border-left: 3px solid var(--color-primary);
  padding-left: 1.3rem;
  margin: 2rem 0;
  color: var(--color-copy);
}
.sr-x {
  max-width: 64ch;
  line-height: 1.8;
}
.col-gray-500 {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
}
.inset-third{padding:.45rem .85rem;border:1px solid var(--color-edge);border-radius:2rem;font-size:.85rem;color:var(--color-copy);max-width:100%}
.rotate-cover {
  text-align: center;
  border-bottom: 1px solid var(--color-edge);
  padding-bottom: 1.5rem;
}
.opacity-relaxed {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  border-radius: 50%;
  margin: 0 auto 2rem;
  max-width: 19rem;
}
.max-w-10 {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
.divide-2xl{font-size:.85rem;color:var(--color-dim);margin:0;line-height:1.7}
.divide-2xl strong{font-weight:500;color:var(--color-copy)}
.absolute-20 {
  display: inline-flex;
  gap: 1.5rem;
  border-bottom: 1px solid currentColor;
  padding-bottom: .4rem;
  font-weight: 700;
}
@media(max-width:720px){.shrink-col{grid-template-columns:1fr}.rotate-cover {
  display: grid;
  grid-template-columns: 6rem minmax(0,1fr);
  gap: .4rem 1.2rem;
  text-align: left;
  align-items: center;
}.opacity-relaxed {
  width: 6rem;
  margin: 0;
  grid-row: 1/3;
}.max-w-10,.divide-2xl {
  margin: 0;
}.whitespace-secondary{max-width:24ch}}
.select{overflow-wrap:anywhere}
.flex-pointer>* {
  min-width: 0;
}
.self {
  max-width: 24ch;
}
.justify-full{color:var(--color-dim)}
.border-relaxed{max-width:100%;white-space:normal;text-align:center}
.items-relaxed {
  max-width: 54rem;
  margin-bottom: 3rem;
}
.self{font-size:clamp(2rem,4vw,3.4rem)}
.flex-pointer {
  display: grid;
  grid-template-columns: minmax(0,.65fr) minmax(0,1.6fr);
  gap: clamp(2rem,6vw,6rem);
  align-items: start;
}
.row-col {
  border-left: 3px solid var(--color-primary);
  padding-left: 1.5rem;
}
.overflow-screen{font-family:var(--font-head);font-size:1.5rem;line-height:1.35}
.mx {
  margin: 1.8rem 0;
}
.mx div {
  margin-bottom: 1.2rem;
}
.mx dt,.list-between {
  font-size: .8rem;
  color: var(--color-dim);
  margin: 0 0 .4rem;
}
.mx dd{font-size:1.15rem;margin:0}
.pb-tight {
  list-style: none;
  margin: .7rem 0 0;
  padding: 0;
}
.pb-tight li{padding:.6rem 0;border-top:1px solid var(--color-edge);font-size:.9rem}
.p-circle{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.5rem;padding:0 0 2rem;margin-bottom:2rem;border-bottom:1px solid var(--color-edge)}
.container-wide {
  font-family: var(--font-head);
  font-size: clamp(2rem,5vw,3.5rem);
  line-height: 1.1;
  color: var(--color-primary);
  letter-spacing: -.05em;
}
.order-gray-900{font-size:clamp(1.3rem,2.1vw,1.75rem)}
.justify-full {
  line-height: 1.9;
  margin: 0;
  max-width: 62ch;
}
.ml-12{min-width:0}
@media(max-width:760px){.flex-pointer {
  grid-template-columns: 1fr;
}.row-col{padding:1.2rem 0 1.2rem 1.2rem;border-top:1px solid var(--color-edge);border-bottom:1px solid var(--color-edge)}.mx {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 2.5rem;
  margin: 1.2rem 0;
}.mx div {
  margin: 0;
}.pb-tight {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
}.pb-tight li{border-top:0;padding:0}.p-circle{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}.container-wide {
  font-size: 2rem;
}}
.relative-center {
  max-width: 44rem;
  margin-bottom: 2.5rem;
}
.static-wide .relative-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sr-2xl {
  gap: 2.5rem 3rem;
}
.font-black .cursor-5{border-top:2px solid var(--color-primary);padding-top:1.25rem}
.basis-min{font-size:1.15rem;margin-bottom:.6rem}
.inset {
  margin: 0;
  line-height: 1.7;
}
.duration-tight {
  overflow-wrap: anywhere;
}
.rounded-medium>*{min-width:0}
.decoration-3 {
  max-width: 24ch;
}
.duration-24{color:var(--color-dim)}
.scale-visible {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:2.5rem}
.decoration-3 {
  font-size: clamp(2rem,4vw,3.7rem);
  max-width: 22ch;
  margin-bottom: 0;
}
.fixed-secondary {
  margin: 0;
  max-width: 48ch;
}
.mt{margin:0}
.row-black {
  width: 100%;
  aspect-ratio: 2.8/1;
  object-fit: cover;
  border-radius: var(--radius-xl);
}
.skew-medium {
  padding: .9rem 0;
  color: var(--color-dim);
  font-size: .85rem;
}
.mr-left {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding: 1.2rem 0;
  margin: 1rem 0 2.5rem;
  border-top: 1px solid var(--color-edge);
  border-bottom: 1px solid var(--color-edge);
  font-size: .85rem;
  color: var(--color-dim);
}
.mr-left strong,.min-h-5{color:var(--color-copy);font-weight:700}
.mr-cover {
  columns: 2;
  column-gap: clamp(2rem,5vw,5rem);
  column-rule: 1px solid var(--color-edge);
  max-width: 68rem;
  margin-inline: auto;
}
.duration-decimal {
  break-inside: avoid;
  line-height: 1.85;
  color: var(--color-dim);
  margin-bottom: 1.5rem;
}
.duration-decimal:first-child{font-size:1.13rem;color:var(--color-copy)}
@media(max-width:740px){.flex {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}.row-black{aspect-ratio:16/10}.mr-cover{columns:1}.mr-left {
  justify-content: flex-start;
}}
.self-10 .border-1 {
  max-width: 46rem;
}
.origin-square .border-1{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}
.delay-6 {
  margin-bottom: 1.5rem;
}
.origin-20 {
  border-bottom: 1px solid var(--color-edge);
  padding: .25rem 0;
}
.clearfix-x {
  cursor: pointer;
  padding: .9rem 2rem .9rem 0;
  font-weight: 600;
  list-style: none;
  position: relative;
}
.clearfix-x::-webkit-details-marker{display:none}
.clearfix-x::after {
  content: "+";
  position: absolute;
  right: 0;
  top: .7rem;
  font-size: 1.4rem;
  color: var(--color-primary);
  transition: transform .2s;
}
.origin-20[open] .clearfix-x::after{transform:rotate(45deg)}
.basis-4 {
  margin: 0 0 1rem;
  color: var(--color-dim);
}
@media (max-width:860px){.origin-square .border-1{grid-template-columns:1fr;gap:1rem}}
.opacity{padding-block:calc(var(--spacing-stack) * .8)}
.select-xl{background:var(--color-card)}
.font-gray-100{background:var(--color-primary);color:var(--color-primary-fg)}
.font-gray-100 .top-none,.font-gray-100 .duration{color:var(--color-primary-fg)}
.sticky-24 {
  border-bottom: 1px solid var(--color-edge);
}
.relative-gray-900 {
  text-align: center;
}
.col-center{font-size:.85rem;margin-bottom:.75rem;opacity:.8}
.items-12{margin:0 .5rem}
.translate-bold{opacity:.7}
.top-none{margin-bottom:.5rem}
.divide-none{margin:0;font-size:1.1rem;opacity:.85;max-width:40rem}
.relative-gray-900 .divide-none {
  margin-inline: auto;
}
.grid-fit {
  max-width: 60ch;
  margin-bottom: 2.5rem;
}
.top-20{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,6vw,6rem);list-style:none;margin:0;padding:0}
.shrink-tight{min-width:0;padding-block:2rem;border-top:2px solid var(--color-copy)}
.grid-relaxed {
  height: 100%;
}
.tracking-white {
  display: flex;
  flex-direction: column;
  min-height: 2.75rem;
  height: 100%;
  color: var(--color-copy);
}
.tracking-white:hover {
  color: var(--color-copy);
}
.tracking-white:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px}
.block-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .4rem 1rem;
  font-size: .75rem;
  line-height: 1.6;
  color: var(--color-dim);
  margin-bottom: 1.2rem;
}
.block-wrap span:first-child{font-weight:600;color:var(--color-primary)}
.left-6 {
  font-size: clamp(1.55rem,2.8vw,2.4rem);
  max-width: 26ch;
  margin-bottom: 1rem;
}
.tracking-white:hover .left-6{color:var(--color-primary)}
.py-white {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--color-dim);
  margin-bottom: 1.5rem;
  max-width: 60ch;
}
.origin-pointer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding-top:1rem;margin-top:auto;border-top:1px solid var(--color-edge)}
.w-8 {
  font-size: .8rem;
  color: var(--color-dim);
}
.shadow-pointer{display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;color:var(--color-primary);min-height:2.75rem}
@media(max-width:760px){.top-20 {
  grid-template-columns: minmax(0,1fr);
}.shrink-tight {
  padding-block: 1.5rem;
}.py-white {
  font-size: .95rem;
}}
.tracking-gray-100{hyphens:auto}
.absolute-gray-100 {
  padding-block: calc(var(--spacing-stack) * .9) calc(var(--spacing-stack) * .7);
}
.decoration-1 {
  border-bottom: 4px solid var(--color-primary);
}
.min-h{border-bottom:4px solid var(--color-highlight)}
.row-sm {
  border-bottom: 1px solid var(--color-edge);
}
.sticky-around {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.relative-normal {
  margin: 0;
  font-size: calc(var(--text-display) * 1.05);
}
.justify-gray-100 {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){.sticky-around {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.pb-xs {
  max-width: 40rem;
  margin: 0 auto 2.5rem;
}
.sticky-relaxed {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap: 1.5rem;
  align-items: stretch;
}
.object-x{display:flex;flex-direction:column;padding:2rem;border-radius:var(--radius-xl);background:var(--color-base)}
.relative .object-x {
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-edge);
}
.w-wide .object-x{border:1px solid var(--color-edge)}
.ring-end{border-color:var(--color-primary);box-shadow:var(--shadow-strong);position:relative}
.w-wide .ring-end{border-width:2px}
.content-lg {
  font-size: 1.1rem;
  margin-bottom: .75rem;
}
.gap-center{margin-bottom:.5rem;line-height:1.1}
.py-auto {
  font-family: var(--font-head);
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--color-copy);
}
.pb-sm{font-size:.9rem;color:var(--color-dim)}
.sr-light {
  color: var(--color-dim);
  font-size: .95rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-edge);
}
.text-gray-500 {
  list-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  display: grid;
  gap: .6rem;
  flex-grow: 1;
}
.visible {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .95rem;
}
.max-w-top {
  display: inline-flex;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-primary);
  margin-top: .1rem;
}
.max-w-top svg {
  width: 100%;
  height: 100%;
}
.m-left{width:100%}
.transition-quarter{margin:1.75rem 0 0;font-size:.85rem}
.align-xs {
  max-width: 52rem;
  margin-bottom: 2.5rem;
}
.py-top{margin-bottom:1rem}
.delay-end{margin-bottom:0}
.grid-24 {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: stretch;
}
.grid-scroll {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-inline-end: 1.5rem;
}
.grid-scroll:last-child{padding-inline-end:0}