@media (max-width:480px){
.skew-2 {
  grid-template-columns: minmax(0,1fr);
}
}
.whitespace-wrap {
  padding-block: var(--spacing-section);
  background: var(--color-panel);
  overflow-wrap: anywhere;
}
.grow-around {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(0,1fr);
  gap: clamp(2rem,6vw,6rem);
  align-items: center;
}
.cursor-bold {
  max-width: 38rem;
  min-width: 0;
}
.overflow-col {
  color: var(--color-brand);
}
.whitespace-6 {
  max-width: 16ch;
  line-height: 1.1;
}
.grid-muted {
  max-width: 34rem;
  margin-top: 1.2rem;
}
.translate-contain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  margin-top: 1.8rem;
}
.ring-md {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.origin-left {
  font-weight: 600;
  display: inline-flex;
  align-items: baseline;
  gap: 1rem;
}
.p {
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--color-rule);
  background: var(--color-bg);
  position: relative;
  min-width: 0;
}
.p::before {
  content: "";
  position: absolute;
  inset: -.6rem .6rem .6rem -.6rem;
  border: 1px solid var(--color-brand);
  pointer-events: none;
}
.mb-wide {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--color-panel);
}
.order-right .mb-wide {
  border-radius: 45% 45% var(--radius-md) var(--radius-md);
}
.divide {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.scale-normal {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  padding-top: 1.25rem;
  font-size: .8rem;
  position: relative;
}
.fixed-full {
  font-weight: 700;
  color: var(--color-text);
  min-width: 0;
}
.list-0 {
  color: var(--color-subtle);
  text-align: right;
  min-width: 0;
}
@media (max-width:760px){
.grow-around {
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.whitespace-6 {
  max-width: 24ch;
}
.p {
  max-width: 34rem;
  width: 100%;
  justify-self: center;
}
.divide {
  aspect-ratio: 5/4;
}
.order-right .divide {
  aspect-ratio: 4/5;
}
}
.break-0 {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 3rem;
  align-items: center;
}
.w-medium .absolute-auto {
  order: 2;
}
.absolute-auto {
  margin: 0;
}
.py-disc {
  width: 100%;
  border-radius: var(--radius-xl);
  object-fit: cover;
  aspect-ratio: 9/8;
}
.delay-light {
  color: var(--color-subtle);
}
.my {
  font-weight: 600;
}
@media (max-width:860px){
.break-0 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.w-medium .absolute-auto {
  order: 0;
}
}
.clearfix-around {
  overflow-wrap: anywhere;
}
.divide-normal>* {
  min-width: 0;
}
.inline-2xl {
  max-width: 24ch;
}
.font-6 {
  color: var(--color-subtle);
}
.border-around {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.m-12 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);
  gap: .5rem 3rem;
  margin-bottom: 2.5rem;
  align-items: end;
}
.m-12 .truncate-row {
  grid-column: 1/-1;
}
.inline-2xl {
  margin: 0;
}
.content-max {
  margin: 0;
  max-width: 48ch;
}
.border-square {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 1rem;
}
.border-gray-900 {
  grid-column: span 6;
  padding: clamp(1.4rem,3vw,2.5rem);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-xl);
  background: var(--color-bg);
  min-width: 0;
  display: flex;
  gap: 1.5rem;
  align-items: start;
}
.border-gray-900:first-child {
  grid-column: span 7;
  min-height: 21rem;
  flex-direction: column;
  justify-content: space-between;
}
.border-gray-900:nth-child(2) {
  grid-column: span 5;
  flex-direction: column;
  justify-content: space-between;
}
.border-gray-900:nth-child(n+3):last-child:nth-child(odd) {
  grid-column: 1/-1;
}
.delay-24 {
  background: var(--color-night);
  border-color: var(--color-night);
  color: var(--color-dark-fg);
}
.select {
  width: 2.5rem;
  flex: 0 0 2.5rem;
  color: var(--color-brand);
}
.delay-24 .select {
  width: 4rem;
  flex-basis: auto;
  color: var(--color-primary-inverse);
}
.delay-24 .rotate-third {
  color: var(--color-dark-fg);
  font-size: clamp(1.6rem,3vw,2.5rem);
}
.delay-24 .font-6 {
  color: var(--color-inverse-muted);
}
.rotate-third {
  font-size: 1.35rem;
}
.font-6 {
  margin: 0;
}
.container-1 {
  min-width: 0;
}
@media(max-width:700px){
.m-12 {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.border-gray-900,.border-gray-900:first-child,.border-gray-900:nth-child(2) {
  grid-column: 1/-1;
  min-height: 0;
}
.border-gray-900:first-child,.border-gray-900:nth-child(2) {
  gap: 2rem;
}
.border-gray-900 {
  gap: 1rem;
}
}
.select svg {
  width: 100%;
  height: auto;
}
.overflow {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.delay-around .overflow {
  margin-inline: auto;
  text-align: center;
}
.translate-max {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap: 2rem 3rem;
}
.divide-light {
  margin: 0;
}
.m-0 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-title);
  font-size: 1.1rem;
  margin-bottom: .5rem;
  display: flex;
  gap: .75rem;
  align-items: baseline;
}
.sticky-none {
  font-size: .85rem;
  color: var(--color-brand);
  font-weight: 700;
  flex-shrink: 0;
}
.whitespace-col {
  margin: 0;
  color: var(--color-subtle);
}
.inline-secondary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 2.75rem;
  border-radius: var(--radius-xl);
}
.my-center {
  flex-direction: column;
  text-align: center;
}
.object {
  background: var(--color-brand);
  color: var(--color-on-primary);
}
.basis {
  background: var(--color-panel);
  border: 1px solid var(--color-rule);
}
.inline {
  border: 2px solid var(--color-brand);
}
.select-secondary {
  background: var(--color-night);
  color: var(--color-dark-fg);
}
.inline-third {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: var(--case-label);
  color: var(--color-tagline);
  margin-bottom: .5rem;
}
.object .inline-third {
  color: var(--color-on-primary);
  opacity: .85;
}
.select-secondary .inline-third {
  color: var(--color-primary-inverse);
}
.gap-start {
  margin-bottom: .35rem;
  color: inherit;
}
.col-top {
  margin: 0;
  opacity: .88;
  max-width: 36rem;
}
.my-center .col-top {
  margin-inline: auto;
}
.gap-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .6rem;
  flex-shrink: 0;
}
.mt-secondary {
  font-size: .9rem;
  opacity: .9;
}
.items {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.select-secondary .items {
  color: var(--color-primary-inverse);
}
@media (max-width:720px){
.inline-secondary {
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
}
.my-center {
  align-items: center;
}
.gap-wrap {
  align-items: flex-start;
}
.my-center .gap-wrap {
  align-items: center;
}
}
.py-2 {
  padding-block: calc(var(--spacing-section) * .9) calc(var(--spacing-section) * .7);
}
.select-center {
  border-bottom: 4px solid var(--color-brand);
}
.static-light {
  border-bottom: 4px solid var(--color-highlight);
}
.px-top {
  border-bottom: 1px solid var(--color-rule);
}
.rounded-4 {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.pt {
  margin: 0;
  font-size: calc(var(--text-h1) * 1.05);
}
.translate-end {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){
.rounded-4 {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.rounded-top {
  display: grid;
  gap: 2.5rem;
}
.items-row .rounded-top {
  grid-template-columns: minmax(16rem,1fr) 2fr;
  gap: 3rem;
  align-items: start;
}
.align-5 {
  max-width: 40rem;
}
.items-row .align-5 {
  position: sticky;
  top: 6rem;
}
.shadow-half {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.translate-circle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding: 1.75rem 0;
  border-bottom: 1px solid var(--color-rule);
}
.translate-circle:not(:has(.container-bold)) {
  grid-template-columns: minmax(0,1fr);
}
.container-bold {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-brand);
  min-width: 2.5rem;
  padding-top: .15rem;
}
.place-1 {
  margin-bottom: .4rem;
}
.items-wide {
  margin-bottom: .5rem;
  color: var(--color-subtle);
}
.py-4 {
  margin: 0;
  font-size: .9rem;
  font-weight: 500;
}
.py-4::before {
  content: "+ ";
  color: var(--color-brand);
}
@media (max-width:860px){
.items-row .rounded-top {
  grid-template-columns: 1fr;
}
.items-row .align-5 {
  position: static;
}
}
.justify-normal {
  min-width: 0;
}
.fixed-disc {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.pb-sm {
  overflow-wrap: anywhere;
}
.duration {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1.2rem;
}
.self-5 {
  min-width: 0;
  overflow-wrap: anywhere;
}
.self-5 h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.self-5 p {
  margin: 0;
  line-height: 1.7;
}
.scale-between {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: .7rem;
  color: var(--color-subtle);
  overflow-wrap: anywhere;
}
.duration {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.self-5 {
  border: 1px solid var(--color-rule);
  padding: 1.6rem;
  border-radius: var(--radius-md);
}
@media (max-width: 700px){
.duration {
  grid-template-columns: minmax(0, 1fr);
}
.self-5 {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.leading-normal {
  overflow-wrap: anywhere;
}
.divide-between {
  max-width: 50rem;
  margin: 0 auto 3rem;
  text-align: center;
}
.divide-between h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.relative {
  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-rule);
}
.relative:nth-child(odd) {
  background: var(--color-panel);
}
.w-primary {
  max-width: 20ch;
}
.break-2xl {
  max-width: 70ch;
}
.break-2xl p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){
.relative {
  grid-template-columns: minmax(0, 1fr);
}
.w-primary {
  max-width: none;
}
}
.decoration-contain {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 18rem;
  padding-block: calc(var(--spacing-section) * .9);
  color: var(--color-dark-fg);
  overflow: hidden;
}
.bg-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.delay-white {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.truncate-medium .delay-white {
  background: linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7));
}
.border-2 .delay-white {
  background: var(--color-brand);
  opacity: .88;
}
.border-2 {
  color: var(--color-on-primary);
}
.min-h-contain {
  width: min(100% - 2.5rem,var(--container-main));
}
.cursor-gray-100 .min-h-contain {
  text-align: center;
}