:root {
  --radius-default: 13px;
  --color-dark-bg: #251f13;
  --radius-large: 26px;
  --font-copy: 'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;
  --color-stroke: #e3e1de;
  --leading-tight: 1.15;
  --tracking-overline: .12em;
  --font-head: 'Source Serif 4', Georgia, Cambria, 'Times New Roman', serif;
  --color-dark-fg-muted: #bab5ab;
  --radius-btn: 999px;
  --color-key: #8d6316;
  --font-weight-bold: 700;
  --color-primary-soft: #e5c58b;
  --tracking-cta: 0;
  --color-background: #f6f5f3;
  --color-secondary-text: #796f5d;
  --tracking-heading: 0;
  --color-label: #8d6316;
  --shadow-card: 0 2px 12px rgba(0,0,0,.08);
  --color-inverse-text: #f6f5f4;
  --text-base: 1rem;
  --color-dark-raised: #3b3426;
  --font-weight-cta: 600;
  --shadow-raised: 0 24px 60px rgba(0,0,0,.12);
  --container-content: 1127px;
  --spacing-section: 5.3rem;
  --color-primary-alt: #5b3f0b;
  --color-brand-contrast: #ffffff;
  --text-xl: clamp(1.6rem, 3vw, 2.25rem);
  --text-2xl: clamp(2rem, 4.5vw, 3.25rem);
  --text-lg: 1.25rem;
  --case-overline: uppercase;
  --color-raised: #ffffff;
  --color-primary-inverse: #b8821d;
  --color-highlight: #55b493;
  --color-on-accent: #2b2822;
  --case-btn: none;
  --color-text: #2b2822;
  --leading-normal: 1.6;
}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  background: var(--color-background);
  line-height: var(--leading-normal);
  overflow-wrap: anywhere;
  font-size: var(--text-base);
  color: var(--color-text);
  font-family: var(--font-copy);
  margin: 0;
}
img,svg,video {
  max-width: 100%;
  display: block;
  height: auto;
}
h1,h2,h3,h4 {
  font-weight: var(--font-weight-bold);
  font-family: var(--font-head);
  hyphens: manual;
  color: var(--color-text);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-heading);
  margin: 0 0 .6em;
}
h1 {
  font-size: var(--text-2xl);
}
h2 {
  font-size: var(--text-xl);
}
h3 {
  font-size: var(--text-lg);
  line-height: 1.3;
}
h4 {
  font-size: 1.05rem;
  line-height: 1.35;
}
p {
  margin: 0 0 1em;
}
a {
  text-decoration: none;
  color: var(--color-key);
}
@media (min-width:481px){
a[href^="tel:"] {
  white-space: nowrap;
}
}
a:hover {
  color: var(--color-primary-alt);
}
ul,ol {
  margin: 0 0 1em;
  padding-left: 1.25em;
}
button,input,textarea,select {
  color: inherit;
  font: inherit;
}
::selection {
  color: var(--color-text);
  background: var(--color-primary-soft);
}
.shadow-1 {
  width: min(100% - 2.5rem,var(--container-content));
  margin-inline: auto;
}
.fixed-quarter {
  width: min(100% - 2.5rem,48rem);
}
.shrink-disc {
  padding-block: var(--spacing-section);
}
.order-white {
  background: var(--color-raised);
}
.origin-pointer {
  color: var(--color-inverse-text);
  background: var(--color-dark-bg);
}
.origin-pointer h1,.origin-pointer h2,.origin-pointer h3,.origin-pointer h4 {
  color: inherit;
}
.origin-pointer a {
  color: var(--color-primary-inverse);
}
.origin-pointer .justify-around,.origin-pointer .fixed-decimal {
  color: var(--color-dark-fg-muted);
}
.origin-pointer .skew-2 {
  color: var(--color-primary-inverse);
}
.basis-muted {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-btn);
  background: var(--color-key);
  color: var(--color-brand-contrast);
  font-weight: var(--font-weight-cta);
  text-transform: var(--case-btn);
  letter-spacing: var(--tracking-cta);
  line-height: 1.25;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s,color .2s,border-color .2s,transform .2s;
}
.basis-muted:hover {
  background: var(--color-primary-alt);
  color: var(--color-brand-contrast);
}
.basis-muted:active {
  transform: translateY(1px);
}
.truncate-xl {
  color: var(--color-key);
  border-color: currentColor;
  background: transparent;
}
.truncate-xl:hover {
  background: var(--color-key);
  color: var(--color-brand-contrast);
  border-color: var(--color-key);
}
.row-24 {
  background: var(--color-highlight);
  color: var(--color-on-accent);
}
.row-24:hover {
  background: var(--color-highlight);
  color: var(--color-on-accent);
  filter: brightness(.92);
}
.leading-2 {
  color: var(--color-dark-bg);
  background: var(--color-inverse-text);
}
.leading-2:hover {
  color: var(--color-dark-bg);
  background: #fff;
}
.top-6 {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.content-bottom {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.origin-pointer .basis-muted:not(.truncate-xl):not(.row-24):not(.leading-2) {
  color: var(--color-dark-bg);
  background: var(--color-primary-inverse);
}
.origin-pointer .basis-muted:not(.truncate-xl):not(.row-24):not(.leading-2):hover {
  background: var(--color-inverse-text);
  color: var(--color-dark-bg);
}
.origin-pointer .truncate-xl {
  color: var(--color-inverse-text);
  border-color: var(--color-dark-fg-muted);
}
.origin-pointer .truncate-xl:hover {
  color: var(--color-dark-bg);
  border-color: var(--color-inverse-text);
  background: var(--color-inverse-text);
}
.z-x {
  display: grid;
  gap: 1.5rem;
}
.gap-xl {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.align-half {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.sr-row {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.w {
  grid-template-columns: repeat(2,1fr);
}
.pt-end {
  grid-template-columns: repeat(3,1fr);
}
.sr-1 {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){
.sr-1 {
  grid-template-columns: repeat(2,1fr);
}
.pt-end {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.w,.pt-end,.sr-1 {
  grid-template-columns: 1fr;
}
}
.overflow-8 {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.overflow-8>* {
  min-width: 0;
}
.overflow-8.w>* {
  flex: 0 0 calc((100% - 1.5rem)/2);
}
.overflow-8.pt-end>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.overflow-8.sr-1>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){
.overflow-8.pt-end>*,.overflow-8.sr-1>* {
  flex-basis: calc((100% - 1.5rem)/2);
}
}
@media (max-width:560px){
.overflow-8.w>*,.overflow-8.pt-end>*,.overflow-8.sr-1>* {
  flex-basis: 100%;
}
}
.justify-around {
  font-size: 1.15rem;
  color: var(--color-secondary-text);
}
.skew-2 {
  font-weight: 700;
  letter-spacing: var(--tracking-overline);
  font-size: .8rem;
  display: inline-block;
  margin-bottom: .75rem;
  color: var(--color-label);
  text-transform: var(--case-overline);
}
.fixed-decimal {
  color: var(--color-secondary-text);
}
.m-fit {
  text-align: center;
}
.translate-sm {
  padding: 0;
  width: 1px;
  position: absolute;
  clip: rect(0 0 0 0);
  margin: -1px;
  border: 0;
  overflow: hidden;
  height: 1px;
}
@media (max-width:640px){
.shrink-disc {
  padding-block: calc(var(--spacing-section) * .7);
}
}
.row-16 {
  background: var(--color-background);
  z-index: 20;
  position: relative;
}
.visible-third {
  border-bottom: 1px solid var(--color-stroke);
}
.relative-medium {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 5.5rem;
}
.inline-circle {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  max-width: 100%;
}
.grid-start {
  height: auto;
  max-height: 2.4rem;
  width: auto;
}
.overflow {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.visible {
  color: var(--color-text);
  font-size: .92rem;
  padding: .25rem 0;
  letter-spacing: .01em;
  position: relative;
  font-weight: 500;
}
.sr .visible {
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.visible::after {
  position: absolute;
  height: 1px;
  content: "";
  right: 100%;
  left: 0;
  background: currentColor;
  bottom: -2px;
  transition: right .25s;
}
.visible:hover::after,.max-w-wide::after {
  right: 0;
}
.visible:hover {
  color: var(--color-text);
}
.decoration-md {
  margin-left: .5rem;
}
.inset-medium {
  font-weight: 600;
  font-size: .92rem;
  color: var(--color-key);
}
.object-third {
  display: inline-flex;
  padding: .55rem 1.1rem;
  border: 1px solid var(--color-key);
  border-radius: var(--radius-btn);
  color: var(--color-key);
}
.object-third:hover {
  background: var(--color-key);
  color: var(--color-brand-contrast);
}
.list-24 {
  display: none;
}
.list-24:focus-visible + .mb-2 {
  outline: 2px solid var(--color-key);
  outline-offset: 4px;
}
.mb-2 {
  display: none;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  white-space: nowrap;
  line-height: 1.2;
  padding: .4rem 1rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-btn);
  cursor: pointer;
  font-size: .9rem;
}
@media (max-width:860px){
.list-24 {
  display: block;
}
.relative-medium {
  gap: .75rem;
}
.mb-2 {
  display: inline-flex;
}
.grow-16 {
  right: 0;
  left: 0;
  border-bottom: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-card);
  position: absolute;
  padding: 1.25rem;
  top: 100%;
  display: none;
  background: var(--color-background);
}
.list-24:checked ~ .grow-16 {
  display: block;
}
.overflow {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.decoration-md {
  margin-left: 0;
}
}
.content-primary {
  padding-top: clamp(2.5rem,6vw,4rem);
}
.divide-center {
  background: var(--color-dark-bg);
  color: var(--color-inverse-text);
}
.absolute-snug {
  border-top: 1px solid var(--color-stroke);
  background: var(--color-raised);
}
.transition-pointer {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap: 2rem clamp(1.5rem,4vw,3rem);
  padding-bottom: clamp(2rem,5vw,3rem);
}
.absolute-gray-100 {
  display: inline-flex;
  margin-bottom: 1rem;
}
.object-relaxed {
  max-height: 2.25rem;
  height: auto;
  width: auto;
}
.align {
  margin: 0;
  opacity: .8;
  max-width: 22rem;
}
.left-around {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1.25rem 0 0;
  padding: 0;
}
.left-tight {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid var(--color-stroke);
  color: var(--color-text);
}
.left-tight svg {
  width: 1rem;
  height: 1rem;
}
.divide-center .left-tight {
  border-color: rgba(255,255,255,.2);
  color: var(--color-inverse-text);
}
.grid-center {
  margin-bottom: 1rem;
  color: inherit;
  font-size: .95rem;
}
.ml-dark {
  opacity: .9;
  font-style: normal;
  line-height: 1.8;
}
.py {
  display: grid;
  gap: .45rem;
  margin: 0;
}
.justify-12 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .45rem;
  border-bottom: 1px dashed var(--color-stroke);
}
.divide-center .justify-12 {
  border-color: rgba(255,255,255,.18);
}
.order-gray-100 {
  font-weight: 600;
}
.min-h {
  opacity: .85;
  margin: 0;
  text-align: right;
}
.object-half,.shrink-tight {
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.shrink-tight {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.25rem;
}
.select-20 {
  color: inherit;
}
.select-20:hover {
  color: var(--color-key);
}
.divide-center .select-20:hover {
  color: var(--color-primary-inverse);
}
.mb-1 {
  font-size: .85rem;
  border-top: 1px solid var(--color-stroke);
}
.divide-center .mb-1 {
  border-color: rgba(255,255,255,.14);
}
.my-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .75rem 2rem;
  padding-block: 1.25rem;
  opacity: .75;
}
@media (max-width:900px){
.transition-pointer {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.ease-muted {
  grid-column: 1/-1;
}
}
@media (max-width:480px){
.transition-pointer {
  grid-template-columns: minmax(0,1fr);
}
}
.pt-scroll {
  position: fixed;
  z-index: 50;
  inset-inline-end: 1rem;
  bottom: 1rem;
  width: min(24rem,calc(100% - 2rem));
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.35rem;
  background: var(--color-raised);
  color: var(--color-text);
  border: 1px solid var(--color-stroke);
  border-top: 3px solid var(--color-key);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-card);
  font-size: .92rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.pt-scroll[hidden] {
  display: none;
}
.shrink {
  font-size: 1.18rem;
  letter-spacing: var(--tracking-heading);
  font-family: var(--font-head);
  font-weight: var(--font-weight-bold);
  margin: 0 0 .7rem;
  line-height: 1.25;
}
.inline {
  margin: 0 0 .9rem;
}
.break-1 {
  color: var(--color-key);
  max-width: 100%;
  text-decoration: underline;
  display: inline-block;
  font-weight: 600;
  text-underline-offset: .2em;
}
.break-1:hover {
  color: var(--color-primary-alt);
}
.sticky-8 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .65rem;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-stroke);
}
.not-sr-decimal {
  min-width: 0;
  min-height: 44px;
  padding: .65rem .6rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-btn);
  background: var(--color-background);
  color: var(--color-text);
  font-weight: var(--font-weight-cta);
  font-size: .9rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.not-sr-decimal:hover {
  border-color: var(--color-key);
  color: var(--color-brand-contrast);
  background: var(--color-key);
}
.not-sr-decimal:focus-visible,.break-1:focus-visible {
  outline: 3px solid var(--color-key);
  outline-offset: 3px;
}
@media(max-width:560px){
.pt-scroll {
  line-height: 1.4;
  inset-inline-end: .5rem;
  padding: .85rem .95rem;
  width: calc(100% - 1rem);
  font-size: .84rem;
  bottom: .5rem;
}
.shrink {
  font-size: 1rem;
  margin-bottom: .35rem;
}
.inline {
  margin-bottom: .5rem;
}
.sticky-8 {
  padding-top: .6rem;
  margin-top: .6rem;
  gap: .5rem;
}
.not-sr-decimal {
  min-height: 40px;
  padding: .5rem .4rem;
}
}
.min-h-right {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2.5rem;
  align-items: start;
}
.whitespace-col .min-h-right {
  grid-template-columns: minmax(0,1fr);
  max-width: 48rem;
}
.clearfix-16 {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0;
}
.opacity-bold {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  min-width: 0;
}
.space-between {
  min-width: 0;
  gap: .35rem;
  display: grid;
}
.mb-full {
  grid-column: 1/-1;
}
.ml-1 {
  font-size: .9rem;
  font-weight: 600;
}
.mb-0 {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-default);
  background: var(--color-background);
}
.mb-0:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 1px;
}
.align-none {
  resize: vertical;
}
.pt-normal {
  justify-self: start;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width:860px){
.min-h-right {
  grid-template-columns: minmax(0,1fr);
}
}
@media (max-width:480px){
.opacity-bold {
  grid-template-columns: minmax(0,1fr);
}
}
.duration-square {
  background: var(--color-background);
  padding-block: calc(var(--spacing-section) * 1.2);
}
.break {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.visible-max .visible-around {
  order: 2;
}
.visible-max .mx-normal {
  order: 1;
}
.fixed {
  margin-bottom: 1rem;
}
.z {
  max-width: 34rem;
}
.mb-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.mx-normal {
  margin: 0;
}
.basis-end {
  box-shadow: var(--shadow-card);
  aspect-ratio: 4/3;
  border-radius: var(--radius-large);
  object-fit: cover;
  width: 100%;
}
@media (max-width:860px){
.break {
  grid-template-columns: 1fr;
  gap: 2rem;
}
.visible-max .visible-around,.visible-max .mx-normal {
  order: 0;
}
}
.absolute-center {
  overflow-wrap: anywhere;
}
.row-full>* {
  min-width: 0;
}
.origin {
  max-width: 24ch;
}
.space-bottom {
  color: var(--color-secondary-text);
}
.inset-gray-500 {
  white-space: normal;
  max-width: 100%;
  text-align: center;
}
.py-start {
  margin-bottom: 2.5rem;
  max-width: 48rem;
}
.ease-white {
  padding: 0;
  gap: 1rem;
  display: grid;
  margin: 0;
  list-style: none;
}
.h-fit {
  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-background);
}
.h-fit:nth-child(even) {
  grid-template-columns: 3rem minmax(0,1fr) minmax(7rem,max-content);
  color: var(--color-inverse-text);
  background: var(--color-dark-bg);
}
.ease {
  line-height: 1;
  letter-spacing: -.06em;
  font-size: clamp(3rem,7vw,6rem);
  color: var(--color-key);
  font-family: var(--font-head);
  overflow-wrap: normal;
  white-space: nowrap;
}
.h-fit:nth-child(even) .ease {
  grid-column: 3;
  text-align: right;
  grid-row: 1;
  color: var(--color-primary-inverse);
}
.h-fit:nth-child(even) .delay {
  grid-column: 2;
  grid-row: 1;
}
.h-fit:nth-child(even) .object-2xl {
  grid-column: 1;
  color: var(--color-primary-inverse);
  grid-row: 1;
}
.h-fit:nth-child(even) .truncate {
  color: var(--color-inverse-text);
}
.h-fit:nth-child(even) .space-bottom {
  color: var(--color-dark-fg-muted);
}
.truncate {
  max-width: 30ch;
  font-size: clamp(1.3rem,2.5vw,2rem);
}
.space-bottom {
  margin: 0;
  max-width: 58ch;
}
.object-2xl {
  color: var(--color-key);
  width: 2rem;
}
.delay {
  min-width: 0;
}
.m-2 {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.ml-min {
  margin: 0;
  color: var(--color-secondary-text);
  max-width: 55ch;
}
@media(max-width:650px){
.h-fit,.h-fit:nth-child(even) {
  grid-template-columns: minmax(3rem,max-content) minmax(0,1fr);
  gap: 1rem;
}
.ease {
  font-size: 2.7rem;
}
.object-2xl {
  display: none;
}
.h-fit:nth-child(even) .ease {
  grid-column: 1;
  text-align: left;
}
.h-fit:nth-child(even) .delay {
  grid-column: 2;
}
.m-2 {
  align-items: flex-start;
  flex-direction: column;
}
}
@media(max-width:360px){
.h-fit,.h-fit:nth-child(even) {
  grid-template-columns: 1fr;
}
.h-fit:nth-child(even) .ease,.h-fit:nth-child(even) .delay {
  grid-column: auto;
  grid-row: auto;
}
}
.object-2xl svg {
  width: 100%;
  height: auto;
}
.max-w-center {
  display: grid;
  grid-template-columns: minmax(16rem,1fr) 2fr;
  gap: 3rem;
  align-items: start;
}
.list-auto {
  position: sticky;
  top: 6rem;
}
.top-none {
  margin-bottom: 1.25rem;
}
.pt-bottom {
  font-weight: 600;
}
.mr {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap: 2rem 2.5rem;
}
.hidden-normal {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.border-circle {
  border-radius: var(--radius-default);
  align-items: center;
  height: 2.5rem;
  display: inline-flex;
  flex-shrink: 0;
  color: var(--color-key);
  width: 2.5rem;
  justify-content: center;
}
.p-visible .border-circle {
  background: var(--color-primary-soft);
  color: var(--color-primary-alt);
}
.border-snug .border-circle {
  border: 1px solid var(--color-stroke);
}
.cursor .border-circle {
  height: 1.75rem;
  margin-top: .15rem;
  width: 1.75rem;
}
.border-circle svg {
  height: 1.25rem;
  width: 1.25rem;
}
.mr-x {
  margin-bottom: .25rem;
  font-size: 1.05rem;
}
.ease-2xl {
  color: var(--color-secondary-text);
  font-size: .95rem;
  margin: 0;
}
@media (max-width:860px){
.max-w-center {
  grid-template-columns: 1fr;
  gap: 2rem;
}
.list-auto {
  position: static;
}
}
.visible-black .border-start {
  max-width: 46rem;
}
.gap-y .border-start {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: start;
}
.place-auto {
  margin-bottom: 1.5rem;
}
.pb-primary {
  border-bottom: 1px solid var(--color-stroke);
  padding: .25rem 0;
}
.grow {
  position: relative;
  padding: .9rem 2rem .9rem 0;
  list-style: none;
  cursor: pointer;
  font-weight: 600;
}
.grow::-webkit-details-marker {
  display: none;
}
.grow::after {
  top: .7rem;
  right: 0;
  position: absolute;
  font-size: 1.4rem;
  content: "+";
  transition: transform .2s;
  color: var(--color-key);
}
.pb-primary[open] .grow::after {
  transform: rotate(45deg);
}
.justify-row {
  margin: 0 0 1rem;
  color: var(--color-secondary-text);
}
@media (max-width:860px){
.gap-y .border-start {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.skew-third {
  padding-block: calc(var(--spacing-section) * .8);
}
.hidden-12 {
  background: var(--color-raised);
}
.sr-20 {
  background: var(--color-key);
  color: var(--color-brand-contrast);
}
.sr-20 .leading-16,.sr-20 .self-secondary {
  color: var(--color-brand-contrast);
}
.divide-screen {
  border-bottom: 1px solid var(--color-stroke);
}
.decoration-start {
  text-align: center;
}
.w-quarter {
  font-size: .85rem;
  margin-bottom: .75rem;
  opacity: .8;
}
.sticky-tight {
  margin: 0 .5rem;
}
.break-4 {
  opacity: .7;
}
.leading-16 {
  margin-bottom: .5rem;
}
.sticky-6 {
  margin: 0;
  max-width: 40rem;
  opacity: .85;
  font-size: 1.1rem;
}
.decoration-start .sticky-6 {
  margin-inline: auto;
}
.w-none {
  min-width: 0;
}
.translate-col {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.sticky {
  overflow-wrap: anywhere;
}
.min-h-gray-500 {
  margin: 0;
  padding: 0;
  gap: 1.2rem;
  list-style: none;
  display: grid;
}
.visible-visible {
  min-width: 0;
  overflow-wrap: anywhere;
}
.visible-visible h3 {
  font-size: 1.2rem;
  margin: 0 0 .6rem;
}
.visible-visible p {
  line-height: 1.7;
  margin: 0;
}
.absolute-cover {
  font-size: .8rem;
  margin-bottom: .7rem;
  letter-spacing: .04em;
  display: block;
  color: var(--color-secondary-text);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.visible-visible {
  border-top: 1px solid var(--color-stroke);
  padding: 1.3rem 0;
}
.visible-visible summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 1.2rem;
}
.visible-visible summary:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.visible-visible p {
  padding-top: 1rem;
  max-width: 60rem;
}
@media (max-width: 700px){
.min-h-gray-500 {
  grid-template-columns: minmax(0, 1fr);
}
.visible-visible {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.content-snug {
  overflow-wrap: anywhere;
}
.justify>* {
  min-width: 0;
}
.gap-lg {
  max-width: 24ch;
}
.decoration-0 {
  color: var(--color-secondary-text);
}
.absolute-5 {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.translate-wide {
  text-align: center;
  margin: 0 auto 3rem;
  max-width: 48rem;
}
.gap-lg {
  margin-inline: auto;
}
.whitespace-black {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.whitespace-black::before {
  bottom: 1.5rem;
  position: absolute;
  content: '';
  border-left: 1px solid var(--color-stroke);
  top: 1.5rem;
  left: 50%;
}
.pb-wrap {
  position: relative;
  padding-bottom: 2rem;
}
.pb-wrap:last-child {
  padding-bottom: 0;
}
.scale-start {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--color-background);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-key);
  color: var(--color-brand-contrast);
  font-size: .85rem;
  font-weight: 700;
}
.relative-end {
  width: calc(50% - 3rem);
  padding: clamp(1.4rem,2.8vw,2.4rem);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-large);
  background: var(--color-background);
}
.pb-wrap:nth-child(even) .relative-end {
  border-color: var(--color-dark-bg);
  background: var(--color-dark-bg);
  margin-left: auto;
  color: var(--color-inverse-text);
}
.gap-medium {
  font-size: clamp(1.2rem,2.2vw,1.75rem);
}
.pb-wrap:nth-child(even) .gap-medium {
  color: var(--color-inverse-text);
}
.pb-wrap:nth-child(even) .decoration-0 {
  color: var(--color-dark-fg-muted);
}
.decoration-0 {
  margin-bottom: 1.5rem;
}
.z-left {
  font-size: .9rem;
  margin: 0;
  padding-top: 1rem;
  gap: .5rem;
  border-top: 1px solid var(--color-stroke);
  display: grid;
}
.z-left strong {
  letter-spacing: .04em;
  font-size: .75rem;
}
.pb-wrap:nth-child(even) .z-left {
  border-color: var(--color-dark-raised);
}
@media(max-width:760px){
.translate-wide {
  text-align: left;
}
.gap-lg {
  margin-left: 0;
}
.whitespace-black::before {
  left: 1rem;
}
.scale-start {
  width: 2rem;
  height: 2rem;
  left: 1rem;
  font-size: .65rem;
  border-width: 3px;
  top: 1.3rem;
}
.relative-end,.pb-wrap:nth-child(even) .relative-end {
  width: calc(100% - 3rem);
  margin-left: 3rem;
}
.pb-wrap {
  padding-bottom: 1rem;
}
}
.rotate {
  overflow-wrap: anywhere;
}
.static-start {
  text-align: center;
  max-width: 50rem;
  margin: 0 auto 3rem;
}
.static-start h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.mr-0 {
  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);
}
.mr-0:nth-child(odd) {
  background: var(--color-raised);
}
.ml {
  max-width: 20ch;
}
.list-top {
  max-width: 70ch;
}
.list-top p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){
.mr-0 {
  grid-template-columns: minmax(0, 1fr);
}
.ml {
  max-width: none;
}
}
.grow-y {
  padding-block: calc(var(--spacing-section) * .9) calc(var(--spacing-section) * .7);
}
.align-2 {
  border-bottom: 4px solid var(--color-key);
}
.w-col {
  border-bottom: 4px solid var(--color-highlight);
}
.border-tight {
  border-bottom: 1px solid var(--color-stroke);
}
.m {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.pt-min {
  margin: 0;
  font-size: calc(var(--text-2xl) * 1.05);
}
.grid-3 {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){
.m {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.divide-disc {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 3rem;
}
.grid-between {
  border-radius: 0 var(--radius-default) var(--radius-default) 0;
  background: var(--color-raised);
  padding: 1.5rem 1.75rem;
  border-left: 4px solid var(--color-key);
  margin: 2rem 0 0;
}
.shadow-left {
  font-size: 1.2rem;
  margin-bottom: .5rem;
  font-family: var(--font-head);
}
.tracking-6 {
  font-size: .9rem;
  font-style: normal;
  color: var(--color-secondary-text);
}
@media (max-width:860px){
.divide-disc {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.flex-tight {
  overflow-wrap: anywhere;
}
.divide>* {
  min-width: 0;
}
.clearfix-contain {
  max-width: 24ch;
}
.ring-1 {
  color: var(--color-secondary-text);
}
.block-quarter {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.divide {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr);
  gap: clamp(2.5rem,7vw,7rem);
  align-items: center;
}
.clearfix-contain {
  font-size: clamp(2rem,4.5vw,4rem);
  max-width: 20ch;
  line-height: 1.1;
}
.tracking-12 {
  line-height: 1.6;
  font-family: var(--font-head);
  margin: 2rem 0;
  border-left: 3px solid var(--color-key);
  padding-left: 1.3rem;
  color: var(--color-text);
  font-size: clamp(1.15rem,2vw,1.5rem);
}
.ring-1 {
  line-height: 1.8;
  max-width: 64ch;
}
.my-dark {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
}
.top-hidden {
  padding: .45rem .85rem;
  border: 1px solid var(--color-stroke);
  border-radius: 2rem;
  font-size: .85rem;
  color: var(--color-text);
  max-width: 100%;
}
.z-wrap {
  text-align: center;
  border-bottom: 1px solid var(--color-stroke);
  padding-bottom: 1.5rem;
}
.skew-top {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 2rem;
  max-width: 19rem;
}
.rounded-square {
  font-size: 1.35rem;
  font-family: var(--font-head);
  margin-bottom: 1rem;
  font-weight: 700;
}
.border-center {
  margin: 0;
  color: var(--color-secondary-text);
  font-size: .85rem;
  line-height: 1.7;
}
.border-center strong {
  color: var(--color-text);
  font-weight: 500;
}
.block-quarter {
  gap: 1.5rem;
  font-weight: 700;
  display: inline-flex;
  border-bottom: 1px solid currentColor;
  padding-bottom: .4rem;
}
@media(max-width:720px){
.divide {
  grid-template-columns: 1fr;
}
.z-wrap {
  display: grid;
  grid-template-columns: 6rem minmax(0,1fr);
  gap: .4rem 1.2rem;
  text-align: left;
  align-items: center;
}
.skew-top {
  width: 6rem;
  margin: 0;
  grid-row: 1/3;
}
.rounded-square,.border-center {
  margin: 0;
}
.clearfix-contain {
  max-width: 24ch;
}
}
.not-sr-screen {
  background: var(--color-background);
  padding-block: calc(var(--spacing-section) * .7);
  overflow-wrap: anywhere;
}
.w-5 {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);
  background: var(--color-raised);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-large);
  overflow: hidden;
}
.static {
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
  border-top: 4px solid var(--color-key);
}
.text-medium .static {
  border-top: 0;
  border-left: 4px solid var(--color-key);
}
.absolute-full {
  color: var(--color-key);
}
.order-half {
  max-width: 22ch;
  line-height: 1.15;
  font-size: calc(var(--text-2xl) * .88);
}
.opacity-black {
  max-width: 38rem;
  margin: 1.2rem 0 0;
  color: var(--color-secondary-text);
  line-height: 1.7;
  font-size: 1.05rem;
}
.col-12 {
  min-width: 0;
  margin: 0;
  display: flex;
  padding: .8rem;
}
.space-tight {
  min-height: 12rem;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: var(--radius-default);
  aspect-ratio: 4/5;
}
@media (max-width:700px){
.w-5 {
  grid-template-columns: 1fr;
}
.order-half {
  font-size: var(--text-2xl);
}
.col-12 {
  padding: 0 1.25rem 1.25rem;
}
.space-tight {
  height: auto;
  aspect-ratio: 16/7;
  min-height: 0;
}
.opacity-black {
  font-size: 1rem;
}
}
.pt-decimal {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
  gap: 2rem;
  align-items: start;
}
.visible-xl {
  border-radius: var(--radius-large);
  padding: clamp(1.5rem,3.5vw,3rem);
  background: var(--color-key);
  color: var(--color-brand-contrast);
}
.items-full {
  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;
}
.row-min {
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  overflow-wrap: anywhere;
  color: inherit;
}
.inset-xl {
  font-size: .95rem;
  margin: 0;
}
.flex-min {
  display: grid;
  gap: .75rem;
}
.mx-primary {
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-default);
  background: var(--color-background);
  min-width: 0;
}
.scale-xs {
  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;
}
.scale-xs::-webkit-details-marker {
  display: none;
}
.scale-xs::after {
  position: absolute;
  top: 1.05rem;
  font-weight: 400;
  right: 1.25rem;
  font-size: 1.4rem;
  content: '+';
  color: var(--color-key);
}
.mx-primary[open] .scale-xs::after {
  content: '−';
}
.scale-xs:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 3px;
}
.shadow-white {
  padding-top: .2rem;
  color: var(--color-secondary-text);
  font-size: .75rem;
}
.cursor-12 {
  color: var(--color-secondary-text);
  padding: 0 1.25rem 1.5rem 3.5rem;
  margin: 0;
}
@media(max-width:760px){
.pt-decimal {
  grid-template-columns: minmax(0,1fr);
}
.items-full {
  margin-bottom: 1rem;
}
.cursor-12 {
  padding-left: 1.25rem;
}
}
.overflow-md {
  max-width: 45rem;
  margin-bottom: 3rem;
}
.transition-5 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem 2rem;
}
.pb {
  min-width: 0;
}
.flex-between {
  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;
}
.not-sr-primary {
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-radius: var(--radius-default);
  display: block;
}
.flex-between .not-sr-primary {
  margin-bottom: 0;
}
.border-fit {
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%;
}
.decoration {
  display: flex;
  gap: .6rem 1.2rem;
  flex-wrap: wrap;
  font-size: .75rem;
  margin-bottom: 1rem;
}
.object-quarter {
  color: var(--color-key);
  font-weight: 600;
}
.skew-quarter {
  color: var(--color-secondary-text);
}
.leading-none {
  line-height: 1.25;
  overflow-wrap: anywhere;
  font-size: 1.55rem;
}
.flex-between .leading-none {
  font-size: clamp(1.8rem,3vw,2.7rem);
}
.translate-scroll {
  color: var(--color-text);
}
.translate-scroll:hover {
  color: var(--color-key);
}
.select-16 {
  font-size: .95rem;
  max-width: 55ch;
  color: var(--color-secondary-text);
}
.grow-right {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  font-size: .85rem;
  font-weight: 600;
  padding-block: .3rem;
}
.select-bold {
  font-size: 1.2rem;
}
.not-sr-primary:not(:has(.border-fit)) {
  display: none;
}
.flex-between:not(:has(.border-fit)) {
  grid-template-columns: minmax(0,1fr);
}
.pb:last-child:nth-child(even):not(.flex-between) {
  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);
}
.pb:last-child:nth-child(even):not(.flex-between) .not-sr-primary {
  margin-bottom: 0;
}
.pb:last-child:nth-child(even):not(:has(.border-fit)) {
  grid-template-columns: minmax(0,1fr);
}
@media(max-width:760px){
.transition-5,.flex-between {
  grid-template-columns: minmax(0,1fr);
}
.flex-between {
  gap: 1.5rem;
}
.overflow-md {
  margin-bottom: 2rem;
}
}
@media(max-width:760px){
.pb:last-child:nth-child(even):not(.flex-between) {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
}
.scale {
  padding-block: calc(var(--spacing-section) * .85);
  overflow-wrap: anywhere;
  background: var(--color-background);
}
.max-w-top {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.scale-scroll {
  color: var(--color-key);
  max-width: 75%;
  font-size: .8rem;
  text-transform: var(--case-overline);
  font-weight: 600;
  letter-spacing: var(--tracking-overline);
}
.scale-quarter {
  height: 1px;
  flex: 1;
  background: var(--color-stroke);
}
.truncate-gray-900 .scale-quarter {
  height: 3px;
  background: var(--color-key);
}
.visible-gray-100 {
  margin: 0;
  padding-bottom: 1.8rem;
  line-height: 1.1;
  font-size: calc(var(--text-2xl) * 1.2);
  max-width: 24ch;
}
.divide-xs {
  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;
}
.font-cover {
  font-weight: 600;
  font-size: .8rem;
  max-width: 24rem;
  color: var(--color-secondary-text);
}
.mr-light {
  grid-template-columns: minmax(0,1fr);
}
.items {
  color: var(--color-secondary-text);
  font-size: 1.1rem;
  line-height: 1.7;
  margin: 0;
  max-width: 42rem;
}
@media (max-width:640px){
.visible-gray-100 {
  font-size: var(--text-2xl);
}
.divide-xs {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.font-cover {
  display: none;
}
.items {
  font-size: 1rem;
}
}
.leading-md {
  max-width: 40rem;
  margin: 0 auto 2.5rem;
}
.border-24 {
  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;
}
.content-1 {
  padding: 2rem;
  background: var(--color-background);
  flex-direction: column;
  display: flex;
  border-radius: var(--radius-large);
}
.object-none .content-1 {
  border: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-card);
}
.justify-5 .content-1 {
  border: 1px solid var(--color-stroke);
}
.visible-half {
  border-color: var(--color-key);
  position: relative;
  box-shadow: var(--shadow-raised);
}
.justify-5 .visible-half {
  border-width: 2px;
}
.select-end {
  font-size: 1.1rem;
  margin-bottom: .75rem;
}
.tracking-light {
  line-height: 1.1;
  margin-bottom: .5rem;
}
.top-relaxed {
  font-family: var(--font-head);
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--color-text);
}
.my {
  font-size: .9rem;
  color: var(--color-secondary-text);
}
.opacity-bottom {
  margin-bottom: 1.25rem;
  color: var(--color-secondary-text);
  border-bottom: 1px solid var(--color-stroke);
  padding-bottom: 1.25rem;
  font-size: .95rem;
}
.mr-bold {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: grid;
  flex-grow: 1;
  gap: .6rem;
}
.left-sm {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .95rem;
}
.absolute-x {
  color: var(--color-key);
  width: 1.25rem;
  flex-shrink: 0;
  margin-top: .1rem;
  display: inline-flex;
  height: 1.25rem;
}
.absolute-x svg {
  width: 100%;
  height: 100%;
}
.ease-lg {
  width: 100%;
}
.skew {
  margin: 1.75rem 0 0;
  font-size: .85rem;
}
.skew-primary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.transition-visible .ease-tight {
  order: 1;
}
.transition-visible .h {
  order: 2;
}
.overflow-2 {
  gap: .75rem;
  margin: 1.5rem 0 0;
  display: grid;
}
.skew-screen {
  display: grid;
  grid-template-columns: minmax(0,8rem) minmax(0,1fr);
  gap: 1rem;
}
.w-circle {
  color: var(--color-secondary-text);
  font-weight: 600;
  font-size: .9rem;
}
.top-white {
  overflow-wrap: anywhere;
  margin: 0;
  min-width: 0;
}
.basis {
  margin-top: 1.5rem;
  height: 12rem;
  border-radius: var(--radius-large);
  background: repeating-linear-gradient(45deg,var(--color-raised),var(--color-raised) 12px,var(--color-background) 12px,var(--color-background) 24px);
  border: 1px solid var(--color-stroke);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-key);
}
.tracking-contain svg {
  width: 2.5rem;
  height: 2.5rem;
}
.ease-tight {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-raised);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-stroke);
}
.object-black {
  display: grid;
  gap: .35rem;
  min-width: 0;
}
.tracking {
  font-size: .9rem;
  font-weight: 600;
}
.absolute-half {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-default);
  background: var(--color-background);
}
.absolute-half:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 1px;
}
.self-decimal {
  resize: vertical;
}
.hidden-right {
  overflow-wrap: anywhere;
  max-width: 100%;
  justify-self: start;
}
@media (max-width:860px){
.skew-primary {
  grid-template-columns: minmax(0,1fr);
}
.transition-visible .ease-tight,.transition-visible .h {
  order: 0;
}
}
.h,.ease-tight {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media(max-width:480px){
.skew-screen {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}
.overflow-2 {
  gap: 1rem;
}
.ease-tight {
  padding: 1.25rem;
}
}
.top .skew-primary {
  grid-template-columns: minmax(0,1fr);
}
.top .h {
  max-width: 46rem;
}
.place-white {
  margin-top: 2rem;
}
.place {
  overflow-wrap: anywhere;
}
.z-3 {
  display: grid;
  grid-template-columns: minmax(12rem,19rem) minmax(0,44rem);
  gap: clamp(2rem,5vw,5rem);
  justify-content: center;
  align-items: start;
}
.delay-bold {
  padding-top: .35rem;
  min-width: 0;
  position: sticky;
  top: 7rem;
}
.align-between {
  padding: 0 0 1.5rem;
  margin: 0 0 1.75rem;
  border-bottom: 2px solid var(--color-key);
}
.basis-8 {
  letter-spacing: .05em;
  color: var(--color-secondary-text);
  font-size: .75rem;
  margin-bottom: .4rem;
}
.left {
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
  font-size: .95rem;
}
.duration-wrap {
  padding: 0;
  gap: .3rem;
  display: grid;
  list-style: none;
  margin: 0;
}
.left-third {
  min-width: 0;
}
.z-max {
  display: grid;
  grid-template-columns: 1.65rem minmax(0,1fr);
  gap: .65rem;
  align-items: baseline;
  padding: .55rem .2rem;
  color: var(--color-text);
  font-size: .85rem;
  line-height: 1.45;
  border-bottom: 1px solid var(--color-stroke);
}
.z-max:hover {
  text-decoration: underline;
  text-underline-offset: .2em;
  color: var(--color-key);
}
.z-max:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 3px;
}
.skew-6 {
  color: var(--color-secondary-text);
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
}
.truncate-10 {
  min-width: 0;
}
.pt-5 {
  margin: 0 0 2.5rem;
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  line-height: 1.7;
  white-space: pre-line;
}
.content-black {
  border-top: 1px solid var(--color-stroke);
  padding-block: 1.8rem;
}
.content-black:last-child {
  padding-bottom: 0;
}
.border-1 {
  margin: 0 0 1rem;
  line-height: 1.35;
  font-size: clamp(1.15rem,1.6vw,1.45rem);
  scroll-margin-top: 8rem;
}
.border-1:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.col {
  line-height: 1.8;
  margin: 0 0 1rem;
  font-size: 1rem;
  white-space: pre-line;
}
.col:last-child {
  margin-bottom: 0;
}
@media(max-width:780px){
.z-3 {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.delay-bold {
  position: static;
  padding: 1.25rem;
  background: var(--color-raised);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-default);
}
.align-between {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.duration-wrap {
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: 1.25rem;
}
.pt-5 {
  margin-bottom: 1.75rem;
}
}
@media(max-width:480px){
.duration-wrap {
  grid-template-columns: minmax(0,1fr);
}
.content-black {
  padding-block: 1.5rem;
}
}
.opacity-2xl {
  max-width: 46rem;
}
.text-quarter {
  color: var(--color-secondary-text);
  font-size: .85rem;
}
.my-xs {
  font-size: 1.05rem;
}
.shrink-6 {
  margin-top: 2rem;
}
.place-normal {
  font-size: 1.3rem;
}
.not-sr-16 {
  color: var(--color-text);
}
.ml-fit {
  overflow-wrap: anywhere;
}
.px-decimal {
  max-width: 72rem;
}
.list-normal {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.row-col {
  padding-left: 1rem;
  border-left: 3px solid var(--color-key);
  margin: 0;
}
.container-row {
  font-size: .8rem;
  color: var(--color-secondary-text);
  margin-bottom: .35rem;
}
.grow-primary {
  color: var(--color-text);
  font-weight: 600;
  font-size: .95rem;
  margin: 0;
}
.fixed-6 {
  white-space: pre-line;
  line-height: 1.65;
  margin: 0;
  font-size: clamp(1.1rem,1.6vw,1.3rem);
  min-width: 0;
}
.py-cover {
  display: grid;
  grid-template-columns: minmax(0,4rem) minmax(0,17rem) minmax(0,1fr);
  gap: clamp(1rem,2.5vw,2.5rem);
  align-items: start;
  border-top: 1px solid var(--color-stroke);
  padding-block: 2rem;
}
.py-cover:last-child {
  border-bottom: 1px solid var(--color-stroke);
}
.content-3 {
  font-family: var(--font-head);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-size: 2.7rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-key);
}
.visible-2 {
  scroll-margin-top: 8rem;
  line-height: 1.4;
  margin: 0;
  min-width: 0;
  font-size: clamp(1.1rem,1.6vw,1.35rem);
}
.text-6 {
  color: var(--color-text);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .25em;
}
.text-6:hover {
  color: var(--color-key);
  text-decoration-color: currentColor;
}
.text-6:focus-visible,.visible-2:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.grow-24 {
  max-width: 65ch;
  min-width: 0;
}
.relative-x {
  font-size: 1rem;
  margin: 0 0 1rem;
  line-height: 1.8;
  white-space: pre-line;
}
.relative-x:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.list-normal {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
  padding-bottom: 2rem;
}
.py-cover {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: 1rem 1.25rem;
}
.content-3 {
  font-size: 2rem;
}
.grow-24 {
  grid-column: 2;
}
.visible-2 {
  align-self: center;
}
}
@media(max-width:480px){
.py-cover {
  gap: 1rem;
  padding-block: 1.5rem;
}
.grow-24 {
  grid-column: 1/-1;
}
.content-3 {
  font-size: 1.8rem;
}
}
.z-square {
  padding-top: calc(var(--spacing-section) * .7);
}
.transition-screen {
  max-width: 46rem;
}
.order-screen {
  display: block;
  font-size: .9rem;
  margin-bottom: 1rem;
  color: var(--color-secondary-text);
  width: max-content;
}
.scale-screen {
  margin-bottom: .75rem;
}
.decoration-third {
  font-size: .9rem;
  color: var(--color-secondary-text);
}
.shrink-row {
  margin: 1.5rem auto 0;
}
.sr-md {
  aspect-ratio: 7/4;
  object-fit: cover;
  width: 100%;
}
.divide-bold .sr-md {
  border-radius: var(--radius-large);
}
.border-3 {
  padding-top: calc(var(--spacing-section) * .6);
}
.static-min {
  line-height: 1.75;
  font-size: 1.05rem;
  max-width: 44rem;
}
.break-max {
  font-size: 1.5rem;
  margin-top: 2rem;
}
.flex .scale-2:first-of-type::first-letter {
  padding-right: .35rem;
  line-height: .85;
  font-size: 3.2em;
  color: var(--color-key);
  font-family: var(--font-head);
  float: left;
}
.font-2 {
  padding-left: 1.25rem;
  margin: 0 0 1.25rem;
}
.transition {
  margin-top: 2rem;
  border-left: 4px solid var(--color-highlight);
  background: var(--color-raised);
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-default);
}
.list-contain {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-block: calc(var(--spacing-section) * 1.2);
  color: var(--color-inverse-text);
}
.items-visible {
  position: absolute;
  object-fit: cover;
  z-index: -2;
  width: 100%;
  inset: 0;
  height: 100%;
}
.leading-row {
  z-index: -1;
  position: absolute;
  inset: 0;
}
.skew-bold .leading-row {
  background: rgba(8,10,14,.62);
}
.not-sr-visible .leading-row {
  opacity: .88;
  background: var(--color-key);
}
.not-sr-visible {
  color: var(--color-brand-contrast);
}
.order-right {
  width: min(100% - 2.5rem,var(--container-content));
  max-width: 44rem;
}
.translate-12 .order-right {
  text-align: center;
  margin-inline: auto;
}
.inset-4 .order-right {
  margin-left: max(1.25rem,calc((100% - var(--container-content)) / 2));
}
.container-24 {
  color: inherit;
  margin-bottom: .5rem;
}
.scale-max {
  margin-bottom: 1.5rem;
  opacity: .9;
  font-size: 1.1rem;
}
.cursor-right {
  padding-block: calc(var(--spacing-section) * .5);
}
.justify-16 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  max-width: 44rem;
  padding: 1.5rem;
  background: var(--color-raised);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-stroke);
}
.items-secondary .justify-16 {
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.ml-md {
  font-size: 1.2rem;
  display: inline-flex;
  color: var(--color-brand-contrast);
  background: var(--color-key);
  font-weight: 700;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 50%;
}
.align-scroll {
  margin: 0 0 .15rem;
  font-size: 1.2rem;
}
.col-min {
  color: var(--color-key);
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
  font-size: .9rem;
}
.translate-max {
  color: var(--color-secondary-text);
  margin: 0;
}