:root{--color-key:hsl(30,48%,38%);--color-primary-alt:hsl(30,53%,26%);--color-primary-soft:hsl(30,38%,78%);--color-primary-inverse:hsl(30,48%,48%);--color-on-primary:hsl(0,0%,100%);--color-highlight:hsl(60,35%,43%);--color-on-accent:hsl(0,0%,100%);--color-background:hsl(0,0%,99%);--color-panel:hsl(40,14%,96%);--color-copy:hsl(33,18%,12%);--color-muted:hsl(30,8%,45%);--color-rule:hsl(32,19%,87%);--color-dark:hsl(33,22%,10%);--color-dark-surface:hsl(30,15%,18%);--color-inverse-text:hsl(30,10%,96%);--color-on-dark-muted:hsl(32,10%,70%);--radius-sm:8px;--radius-large:16px;--radius-control:999px;--case-button:none;--tracking-button:0;--font-weight-button:600;--font-display:'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;--font-text:'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;--text-2xl:clamp(2.5rem, 6vw, 4.5rem);--text-xl:clamp(1.8rem, 3.6vw, 2.75rem);--text-lg:1.35rem;--font-weight-heading:700;--tracking-display:-0.01em;--leading-snug:1.05;--case-overline:uppercase;--tracking-label:.12em;--color-label:hsl(30,48%,38%);--text-base:1.0625rem;--leading-relaxed:1.65;--container-max:1157px;--spacing-section:5.4rem;--shadow-sm:0 2px 12px rgba(0,0,0,.08);--shadow-strong:0 12px 40px rgba(0,0,0,.14)}
*,*::before,*::after{box-sizing:border-box}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: var(--font-text);
  line-height: var(--leading-relaxed);
  background: var(--color-background);
  color: var(--color-copy);
  overflow-wrap: anywhere;
  font-size: var(--text-base);
}
img,svg,video{display:block;height:auto;max-width:100%}
h1,h2,h3,h4 {
  color: var(--color-copy);
  line-height: var(--leading-snug);
  font-weight: var(--font-weight-heading);
  hyphens: manual;
  letter-spacing: var(--tracking-display);
  font-family: var(--font-display);
  margin: 0 0 .6em;
}
h1{font-size:var(--text-2xl)}
h2 {
  font-size: var(--text-xl);
}
h3 {
  line-height: 1.3;
  font-size: var(--text-lg);
}
h4 {
  line-height: 1.35;
  font-size: 1.05rem;
}
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 {
  padding-left: 1.25em;
  margin: 0 0 1em;
}
button,input,textarea,select{font:inherit;color:inherit}
::selection{color:var(--color-copy);background:var(--color-primary-soft)}
.ring-end {
  margin-inline: auto;
  width: min(100% - 2.5rem,var(--container-max));
}
.overflow-16 {
  width: min(100% - 2.5rem,48rem);
}
.mb-scroll {
  padding-block: var(--spacing-section);
}
.shadow-gray-900 {
  background: var(--color-panel);
}
.m-circle{color:var(--color-inverse-text);background:var(--color-dark)}
.m-circle h1,.m-circle h2,.m-circle h3,.m-circle h4 {
  color: inherit;
}
.m-circle a {
  color: var(--color-primary-inverse);
}
.m-circle .self-half,.m-circle .mx-scroll {
  color: var(--color-on-dark-muted);
}
.m-circle .basis-20 {
  color: var(--color-primary-inverse);
}
.grid-normal{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-control);background:var(--color-key);color:var(--color-on-primary);font-weight:var(--font-weight-button);text-transform:var(--case-button);letter-spacing:var(--tracking-button);line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.grid-normal:hover{background:var(--color-primary-alt);color:var(--color-on-primary)}
.grid-normal:active {
  transform: translateY(1px);
}
.px-lg{background:transparent;color:var(--color-key);border-color:currentColor}
.px-lg:hover {
  border-color: var(--color-key);
  background: var(--color-key);
  color: var(--color-on-primary);
}
.grid-xl {
  background: var(--color-highlight);
  color: var(--color-on-accent);
}
.grid-xl:hover{color:var(--color-on-accent);background:var(--color-highlight);filter:brightness(.92)}
.select-min{background:var(--color-inverse-text);color:var(--color-dark)}
.select-min:hover {
  background: hsl(0,0%,100%);
  color: var(--color-dark);
}
.space-gray-500 {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.rotate-4{padding:1rem 2rem;font-size:1.05rem}
.m-circle .grid-normal:not(.px-lg):not(.grid-xl):not(.select-min) {
  color: var(--color-dark);
  background: var(--color-primary-inverse);
}
.m-circle .grid-normal:not(.px-lg):not(.grid-xl):not(.select-min):hover {
  color: var(--color-dark);
  background: var(--color-inverse-text);
}
.m-circle .px-lg {
  border-color: var(--color-on-dark-muted);
  color: var(--color-inverse-text);
}
.m-circle .px-lg:hover{border-color:var(--color-inverse-text);color:var(--color-dark);background:var(--color-inverse-text)}
.h-relaxed{gap:1.5rem;display:grid}
.min-h-24{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.min-h-square {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.p-10{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.sticky-center {
  grid-template-columns: repeat(2,1fr);
}
.overflow-pointer{grid-template-columns:repeat(3,1fr)}
.skew-3{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){
.skew-3 {
  grid-template-columns: repeat(2,1fr);
}
.overflow-pointer {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.sticky-center,.overflow-pointer,.skew-3{grid-template-columns:1fr}
}
.py-disc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.py-disc>* {
  min-width: 0;
}
.py-disc.sticky-center>*{flex:0 0 calc((100% - 1.5rem)/2)}
.py-disc.overflow-pointer>*{flex:0 0 calc((100% - 3rem)/3)}
.py-disc.skew-3>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){.py-disc.overflow-pointer>*,.py-disc.skew-3>*{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:560px){
.py-disc.sticky-center>*,.py-disc.overflow-pointer>*,.py-disc.skew-3>* {
  flex-basis: 100%;
}
}
.self-half {
  color: var(--color-muted);
  font-size: 1.15rem;
}
.basis-20{text-transform:var(--case-overline);margin-bottom:.75rem;font-size:.8rem;display:inline-block;letter-spacing:var(--tracking-label);font-weight:700;color:var(--color-label)}
.mx-scroll{color:var(--color-muted)}
.mt-white{text-align:center}
.flex-secondary{padding:0;border:0;clip:rect(0 0 0 0);width:1px;overflow:hidden;margin:-1px;position:absolute;height:1px}
@media (max-width:640px){.mb-scroll{padding-block:calc(var(--spacing-section) * .7)}}
.transition{background:var(--color-background);z-index:20;position:relative}
.top{border-bottom:1px solid var(--color-rule)}
.order-min {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 5.5rem;
}
.transition-between{display:inline-flex;max-width:100%;align-items:center;min-width:0}
.place-tight{width:auto;height:auto;max-height:2.4rem}
.whitespace-2 {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pb-sm{color:var(--color-copy);font-weight:500;padding:.25rem 0;letter-spacing:.01em;position:relative;font-size:.92rem}
.px-muted .pb-sm {
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.pb-sm::after{right:100%;background:currentColor;transition:right .25s;height:1px;content:"";left:0;position:absolute;bottom:-2px}
.pb-sm:hover::after,.py-gray-100::after{right:0}
.pb-sm:hover {
  color: var(--color-copy);
}
.transition-disc {
  margin-left: .5rem;
}
.left-contain{color:var(--color-key);font-size:.92rem;font-weight:600}
.sticky-wrap {
  display: inline-flex;
  padding: .55rem 1.1rem;
  border: 1px solid var(--color-key);
  border-radius: var(--radius-control);
  color: var(--color-key);
}
.sticky-wrap:hover {
  background: var(--color-key);
  color: var(--color-on-primary);
}
.w-wide {
  display: none;
}
.w-wide:focus-visible + .object-row{outline:2px solid var(--color-key);outline-offset:4px}
.object-row{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-rule);border-radius:var(--radius-control);cursor:pointer;font-size:.9rem}
@media (max-width:860px){.w-wide {
  display: block;
}.order-min {
  gap: .75rem;
}.object-row{display:inline-flex}.mt-auto {
  display: none;
  background: var(--color-background);
  position: absolute;
  border-bottom: 1px solid var(--color-rule);
  top: 100%;
  box-shadow: var(--shadow-sm);
  left: 0;
  padding: 1.25rem;
  right: 0;
}.w-wide:checked ~ .mt-auto {
  display: block;
}.whitespace-2{flex-direction:column;align-items:flex-start;gap:1rem}.transition-disc {
  margin-left: 0;
}}
.col-around{margin-top:auto;font-size:.95rem}
.place-muted{color:var(--color-inverse-text);background:var(--color-dark)}
.place-muted .rounded-fit:hover {
  color: var(--color-primary-inverse);
}
.rounded-1{background:var(--color-panel);color:var(--color-copy);border-top:1px solid var(--color-rule)}
.whitespace-tight{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:2.5rem;padding-block:var(--spacing-section)}
.inline-light {
  height: 2.25rem;
  width: auto;
  margin-bottom: 1rem;
}
.mx-y{opacity:.8;max-width:22rem}
.not-sr-5{color:inherit;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}
.order {
  margin: 0;
  display: grid;
  padding: 0;
  list-style: none;
  gap: .5rem;
}
.rounded-fit {
  color: inherit;
  opacity: .85;
}
.rounded-fit:hover {
  opacity: 1;
  text-decoration: underline;
  color: inherit;
}
.list-none {
  line-height: 1.7;
  font-style: normal;
}
.block{list-style:none;display:flex;padding:0;gap:.5rem;margin:0}
.scale-xs{display:inline-flex;width:2rem;background:var(--color-key);font-weight:700;font-size:.75rem;height:2rem;color:var(--color-on-primary);align-items:center;justify-content:center;border-radius:50%}
.scale-xs svg {
  height: 1rem;
  width: 1rem;
}
.mr-disc {
  border-top: 1px solid rgba(128,128,128,.25);
}
.relative-wide {
  padding-block: 1rem;
  font-size: .85rem;
  opacity: .75;
}
@media (max-width:860px){.whitespace-tight {
  grid-template-columns: 1fr 1fr;
}}
@media (max-width:540px){
.whitespace-tight{grid-template-columns:1fr}
}
.shadow-md{max-width:22rem;margin-top:1.25rem}
.mt-left {
  margin: 0 0 .5rem;
  display: block;
  font-weight: 600;
}
.my-6{display:flex;gap:.5rem}
.inset-primary {
  flex: 1;
  min-width: 0;
  padding: .6rem .8rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-background);
  color: var(--color-copy);
}
.translate-between {
  flex-shrink: 0;
  padding: .6rem 1rem;
}
.place-muted .translate-between {
  color: var(--color-dark);
  background: var(--color-primary-inverse);
}
.place-muted .translate-between:hover{background:var(--color-inverse-text);color:var(--color-dark)}
.top-1 {
  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-panel);
  color: var(--color-copy);
  border: 1px solid var(--color-rule);
  border-top: 3px solid var(--color-key);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  font-size: .92rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.top-1[hidden]{display:none}
.static-12{margin:0 0 .7rem;line-height:1.25;font-family:var(--font-display);font-weight:var(--font-weight-heading);font-size:1.18rem;letter-spacing:var(--tracking-display)}
.my-start {
  margin: 0 0 .9rem;
}
.top-secondary{display:inline-block;font-weight:600;max-width:100%;text-decoration:underline;color:var(--color-key);text-underline-offset:.2em}
.top-secondary:hover{color:var(--color-primary-alt)}
.static-0 {
  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-rule);
}
.decoration-around {
  min-width: 0;
  min-height: 44px;
  padding: .65rem .6rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-control);
  background: var(--color-background);
  color: var(--color-copy);
  font-weight: var(--font-weight-button);
  font-size: .9rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.decoration-around:hover {
  background: var(--color-key);
  color: var(--color-on-primary);
  border-color: var(--color-key);
}
.decoration-around:focus-visible,.top-secondary:focus-visible {
  outline: 3px solid var(--color-key);
  outline-offset: 3px;
}
@media(max-width:560px){
.top-1{inset-inline-end:.5rem;line-height:1.4;width:calc(100% - 1rem);padding:.85rem .95rem;font-size:.84rem;bottom:.5rem}
.static-12 {
  margin-bottom: .35rem;
  font-size: 1rem;
}
.my-start{margin-bottom:.5rem}
.static-0 {
  margin-top: .6rem;
  gap: .5rem;
  padding-top: .6rem;
}
.decoration-around {
  padding: .5rem .4rem;
  min-height: 40px;
}
}
.block-fit{padding:2.25rem;background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-large);min-width:0}
.mb-max .block-fit {
  text-align: center;
}
.left-around{margin:0;overflow-wrap:anywhere}
.self-12{margin:.75rem 0 0;overflow-wrap:anywhere;color:var(--color-muted)}
.my-wide{color:inherit}
.clearfix-quarter{text-align:start;display:grid;margin-top:1.75rem;gap:1rem}
.divide-sm {
  min-width: 0;
  gap: .35rem;
  display: grid;
}
.space-muted{font-size:.9rem;font-weight:600}
.font-10 {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-background);
}
.font-10:focus{outline:2px solid var(--color-key);outline-offset:1px}
.max-w-none {
  resize: vertical;
}
.sr-normal{max-width:100%;justify-self:start;overflow-wrap:anywhere}
.mb-max .sr-normal {
  justify-self: center;
}
@media (max-width:480px){
.block-fit {
  padding: 1.25rem;
}
}
.align-16 {
  padding-block: calc(var(--spacing-section) * 1.5) calc(var(--spacing-section) * 1.3);
}
.mx-none{max-width:52rem}
.opacity-xl .mx-none{margin-inline:auto;text-align:center}
.mx-tight {
  margin-bottom: 1.5rem;
  border-radius: 2px;
  height: 4px;
  width: 3.5rem;
  display: block;
  background: var(--color-key);
}
.opacity-xl .mx-tight{margin-inline:auto}
.hidden-normal{font-size:calc(var(--text-2xl) * 1.12);margin-bottom:1.25rem}
.duration-cover{max-width:38rem;margin-bottom:2rem}
.opacity-xl .duration-cover{margin-inline:auto}
.h-20 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.opacity-xl .h-20{justify-content:center}
.cursor-min {
  font-size: .9rem;
  margin: 1.5rem 0 0;
}
.content-sm {
  max-width: 44rem;
  text-align: center;
  margin: 0 auto clamp(2.5rem,5vw,3.5rem);
}
.rounded-hidden {
  margin-bottom: .9rem;
}
.inline-white{margin:0}
.inline-5 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,20rem) minmax(0,1fr);
  gap: clamp(1.5rem,4vw,3.5rem);
  align-items: center;
}
.min-h-1 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem,3vw,2.5rem);
}
.border-full{display:flex;align-items:flex-start;gap:1rem}
.flex-center .border-full {
  flex-direction: row-reverse;
  text-align: right;
}
.p-dark {
  flex: none;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--color-background);
  border: 1px solid var(--color-rule);
  color: var(--color-key);
}
.p-dark svg {
  width: 1.35rem;
  height: 1.35rem;
}
.truncate-none {
  margin-bottom: .35rem;
  font-size: 1.1rem;
}
.shadow-cover {
  margin: 0;
  color: var(--color-muted);
  font-size: .95rem;
}
.leading-2xl {
  margin: 0;
}
.static-left{aspect-ratio:3/4;width:100%;object-fit:cover;border-radius:var(--radius-large)}
.whitespace .static-left{border-radius:999px 999px var(--radius-large) var(--radius-large)}
@media (max-width:900px){
.inline-5 {
  grid-template-columns: minmax(0,1fr);
}
.leading-2xl{width:min(100%,22rem);order:-1;margin-inline:auto}
.flex-center .border-full{flex-direction:row;text-align:left}
}
.gap-cover {
  margin-bottom: 2.5rem;
}
.m {
  margin: 0;
  list-style: none;
  padding: 0;
}
.my{margin-inline:auto;grid-template-columns:minmax(0,1fr);max-width:36rem}
.skew-row {
  display: flex;
  flex-direction: column;
  padding: 1.75rem;
  background: var(--color-panel);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-rule);
  transition: transform .2s,box-shadow .2s;
}
.skew-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.rounded-quarter {
  margin-bottom: 1rem;
  color: var(--color-key);
}
.rounded-quarter svg {
  height: 2rem;
  width: 2rem;
}
.gap-third {
  flex-grow: 1;
  color: var(--color-muted);
}
.divide-3{color:var(--color-primary-alt);font-weight:700;margin-top:.5rem}
.object-2{margin-bottom:2rem}
.sr-light{list-style:none;padding:0;margin:0}
.align-snug{border-top:3px solid var(--color-key);background:var(--color-panel);padding:1.5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm)}
.container-dark {
  margin-bottom: .75rem;
  font-family: var(--font-display);
  color: var(--color-primary-soft);
  display: block;
  line-height: 1;
  font-size: 2rem;
}
.visible-square {
  color: var(--color-muted);
  margin: 0;
}
.mx-circle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(1.75rem,5vw,3.5rem);border-radius:var(--radius-large)}
.pb-decimal {
  background: var(--color-panel);
}
.p-start {
  border: 1px solid var(--color-rule);
}
.pt-square{background:var(--color-key);color:var(--color-on-primary)}
.basis-square{display:block;text-transform:var(--case-overline);letter-spacing:var(--tracking-label);color:var(--color-label);font-size:.8rem;margin-bottom:.7rem;font-weight:700}
.pt-square .basis-square,.pt-square .place-md {
  color: var(--color-on-primary);
}
.place-md {
  margin-bottom: .9rem;
}
.cursor-col {
  margin-bottom: 1.75rem;
  opacity: .9;
}
.truncate {
  gap: 1.6rem;
  margin: 0;
  list-style: none;
  display: grid;
  padding: 0;
  position: relative;
}
.truncate::before{position:absolute;left:1.25rem;width:2px;background:var(--color-rule);content:"";bottom:1.25rem;top:1.25rem}
.pt-square .truncate::before {
  background: rgba(255,255,255,.3);
}
.pb{position:relative;display:flex;align-items:flex-start;gap:1.1rem}
.grid-half{color:var(--color-on-primary);border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid;background:var(--color-key);font-weight:700}
.pt-square .grid-half{color:var(--color-key);background:var(--color-on-primary)}
.basis-black{font-size:1.1rem;color:inherit;margin:.35rem 0 .25rem}
.self{font-size:.95rem;margin:0;opacity:.85}
@media (max-width:820px){.mx-circle{grid-template-columns:minmax(0,1fr)}}
.items-between {
  background: var(--color-background);
  padding-block: calc(var(--spacing-section) * .85);
  overflow-wrap: anywhere;
}
.inline-primary{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.mt {
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-overline);
  color: var(--color-key);
  font-size: .8rem;
  max-width: 75%;
}
.delay-end{background:var(--color-rule);flex:1;height:1px}
.not-sr-contain .delay-end {
  background: var(--color-key);
  height: 3px;
}
.min-h-top {
  margin: 0;
  font-size: calc(var(--text-2xl) * 1.2);
  line-height: 1.1;
  padding-bottom: 1.8rem;
  max-width: 24ch;
}
.scale-between{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start;border-top:1px solid var(--color-rule);padding-top:1.3rem}
.h-min {
  max-width: 24rem;
  font-size: .8rem;
  font-weight: 600;
  color: var(--color-muted);
}
.place {
  grid-template-columns: minmax(0,1fr);
}
.sticky{max-width:42rem;font-size:1.1rem;line-height:1.7;color:var(--color-muted);margin:0}
@media (max-width:640px){.min-h-top {
  font-size: var(--text-2xl);
}.scale-between{grid-template-columns:1fr;gap:1rem}.h-min {
  display: none;
}.sticky{font-size:1rem}}
.inset-16 {
  min-width: 0;
}
.mb-start {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.transition-end{overflow-wrap:anywhere}
.font-bold {
  list-style: none;
  padding: 0;
  gap: 1.2rem;
  display: grid;
  margin: 0;
}
.order-full {
  overflow-wrap: anywhere;
  min-width: 0;
}
.order-full h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.order-full p {
  margin: 0;
  line-height: 1.7;
}
.row-between{display:block;font-size:.8rem;letter-spacing:.04em;overflow-wrap:anywhere;color:var(--color-muted);margin-bottom:.7rem;font-weight:700}
.font-bold{grid-template-columns:repeat(3, minmax(0, 1fr))}
.order-full{border:1px solid var(--color-rule);padding:1.6rem;border-radius:var(--radius-sm)}
@media (max-width: 700px){.font-bold {
  grid-template-columns: minmax(0, 1fr);
}.order-full{grid-template-columns:minmax(0, 1fr);gap:.5rem}}
.max-w-wrap{overflow-wrap:anywhere}
.rotate-scroll {
  max-width: 50rem;
  text-align: center;
  margin: 0 auto 3rem;
}
.rotate-scroll h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.translate{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)}
.translate:nth-child(odd){background:var(--color-panel)}
.container-wrap {
  max-width: 20ch;
}
.cursor-5{max-width:70ch}
.cursor-5 p:last-child{margin-bottom:0}
@media (max-width: 640px){
.translate {
  grid-template-columns: minmax(0, 1fr);
}
.container-wrap {
  max-width: none;
}
}
.scale-3{overflow-wrap:anywhere}
.cursor-pointer>*{min-width:0}
.px-full {
  max-width: 24ch;
}
.origin {
  color: var(--color-muted);
}
.shadow-10{max-width:100%;text-align:center;white-space:normal}
.cursor-pointer {
  align-items: center;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.9fr);
  display: grid;
}
.mt-medium{min-width:0;margin:0}
.align-xl{border-radius:var(--radius-large);width:100%;aspect-ratio:6/5;object-fit:cover}
.py-secondary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--color-muted);padding:.9rem 4.5rem .9rem .1rem}
.py-secondary strong{color:var(--color-copy);padding-left:.3rem;font-weight:700}
.origin-bottom{position:relative;margin-left:-4rem;margin-block:2rem;padding:clamp(1.5rem,4vw,3.5rem);background:var(--color-background);border:1px solid var(--color-rule);border-radius:var(--radius-large);box-shadow:var(--shadow-sm)}
.px-full{font-size:clamp(1.8rem,3.4vw,3rem)}
.origin {
  margin: 1.5rem 0 2rem;
  line-height: 1.8;
}
@media(max-width:760px){
.cursor-pointer {
  grid-template-columns: 1fr;
}
.align-xl {
  aspect-ratio: 4/3;
}
.origin-bottom {
  box-shadow: none;
  margin: 1rem 0 0;
}
.py-secondary {
  padding-right: .1rem;
}
.px-full {
  max-width: 28ch;
}
}
.py-half {
  min-height: 18rem;
  align-items: center;
  isolation: isolate;
  position: relative;
  overflow: hidden;
  padding-block: calc(var(--spacing-section) * .9);
  display: flex;
  color: var(--color-inverse-text);
}
.bg-pointer {
  position: absolute;
  height: 100%;
  z-index: -2;
  inset: 0;
  width: 100%;
  object-fit: cover;
}
.ease-cover {
  inset: 0;
  position: absolute;
  z-index: -1;
}
.items-scroll .ease-cover {
  background: linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7));
}
.overflow-0 .ease-cover{opacity:.88;background:var(--color-key)}
.overflow-0 {
  color: var(--color-on-primary);
}
.hidden-wrap {
  width: min(100% - 2.5rem,var(--container-max));
}
.align .hidden-wrap{text-align:center}
.overflow-12{opacity:.85;margin-bottom:.75rem;font-size:.85rem}
.mt-gray-500 {
  color: inherit;
}
.mt-gray-500:hover{text-decoration:underline;color:inherit}
.order-start{margin:0 .5rem}
.grow {
  opacity: .8;
}
.mb {
  color: inherit;
  margin-bottom: .5rem;
}
.relative-sm {
  max-width: 40rem;
  opacity: .9;
  margin: 0;
  font-size: 1.1rem;
}
.align .relative-sm{margin-inline:auto}
.z-secondary{overflow-wrap:anywhere}
.left-min>*{min-width:0}
.break-screen {
  max-width: 24ch;
}
.mr-gray-100 {
  color: var(--color-muted);
}
.not-sr-pointer{max-width:100%;white-space:normal;text-align:center}
.max-w-x{max-width:48rem;text-align:center;margin:0 auto 3rem}
.break-screen {
  margin-inline: auto;
}
.origin-24 {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.origin-24::before {
  left: 50%;
  border-left: 1px solid var(--color-rule);
  bottom: 1.5rem;
  content: '';
  top: 1.5rem;
  position: absolute;
}
.pb-end{padding-bottom:2rem;position:relative}
.pb-end:last-child{padding-bottom:0}
.relative-col{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-on-primary);font-size:.85rem;font-weight:700}
.pt-white {
  width: calc(50% - 3rem);
  padding: clamp(1.4rem,2.8vw,2.4rem);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  background: var(--color-background);
}
.pb-end:nth-child(even) .pt-white{color:var(--color-inverse-text);margin-left:auto;background:var(--color-dark);border-color:var(--color-dark)}
.top-muted {
  font-size: clamp(1.2rem,2.2vw,1.75rem);
}
.pb-end:nth-child(even) .top-muted {
  color: var(--color-inverse-text);
}
.pb-end:nth-child(even) .mr-gray-100{color:var(--color-on-dark-muted)}
.mr-gray-100 {
  margin-bottom: 1.5rem;
}
.ease-wrap {
  padding-top: 1rem;
  gap: .5rem;
  font-size: .9rem;
  display: grid;
  border-top: 1px solid var(--color-rule);
  margin: 0;
}
.ease-wrap strong {
  font-size: .75rem;
  letter-spacing: .04em;
}
.pb-end:nth-child(even) .ease-wrap {
  border-color: var(--color-dark-surface);
}
@media(max-width:760px){
.max-w-x{text-align:left}
.break-screen {
  margin-left: 0;
}
.origin-24::before {
  left: 1rem;
}
.relative-col {
  font-size: .65rem;
  border-width: 3px;
  width: 2rem;
  top: 1.3rem;
  left: 1rem;
  height: 2rem;
}
.pt-white,.pb-end:nth-child(even) .pt-white{margin-left:3rem;width:calc(100% - 3rem)}
.pb-end{padding-bottom:1rem}
}
.row-xl {
  overflow-wrap: anywhere;
}
.transition-gray-100>*{min-width:0}
.translate-3 {
  max-width: 24ch;
}
.col-gray-900 {
  color: var(--color-muted);
}
.grid-min{white-space:normal;max-width:100%;text-align:center}
.duration-max {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 1rem 4rem;
  align-items: end;
  margin-bottom: 3rem;
}
.duration-max .basis-20{grid-column:1/-1}
.translate-3{line-height:1.12;margin:0;max-width:21ch;font-size:clamp(2rem,4.2vw,4rem)}
.ease{max-width:45ch;margin:0}
.static-around {
  list-style: none;
  border-top: 2px solid var(--color-copy);
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  padding: 0;
  margin: 0;
}
.inset {
  min-width: 0;
  padding: 2rem 2rem 0 0;
}
.inset+.inset {
  padding-left: 2rem;
  border-left: 1px solid var(--color-rule);
}
.clearfix-0 {
  color: var(--color-key);
  display: block;
  letter-spacing: -.05em;
  line-height: 1;
  font-size: clamp(2.8rem,6vw,5rem);
  margin-bottom: 2rem;
  font-family: var(--font-display);
}
.list-wide {
  min-height: 2.6em;
  font-size: clamp(1.3rem,2.3vw,1.8rem);
}
.col-gray-900{line-height:1.85;margin:0}
@media(max-width:740px){
.duration-max{grid-template-columns:1fr;gap:1.5rem}
.static-around {
  grid-template-columns: 1fr;
}
.inset,.inset+.inset {
  border-left: 0;
  border-bottom: 1px solid var(--color-rule);
  padding: 1.7rem 0;
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr);
  gap: .7rem 1.2rem;
}
.clearfix-0{grid-row:1/3;font-size:2.5rem;margin:0}
.list-wide{min-height:0;margin:0}
.col-gray-900{grid-column:2}
}
.relative-2xl{overflow-wrap:anywhere}
.py-24>*{min-width:0}
.ml-4 {
  max-width: 24ch;
}
.shadow-decimal{color:var(--color-muted)}
.order-20{white-space:normal;text-align:center;max-width:100%}
.rounded-4 {
  max-width: 54rem;
  margin-bottom: 3rem;
}
.ml-4{font-size:clamp(2rem,4vw,3.4rem)}
.py-24{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.translate-tight {
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-key);
}
.left-black {
  font-size: 1.5rem;
  line-height: 1.35;
  font-family: var(--font-display);
}
.transition-wrap{margin:1.8rem 0}
.transition-wrap div {
  margin-bottom: 1.2rem;
}
.transition-wrap dt,.shadow-full {
  font-size: .8rem;
  color: var(--color-muted);
  margin: 0 0 .4rem;
}
.transition-wrap dd {
  font-size: 1.15rem;
  margin: 0;
}
.max-w-3{padding:0;list-style:none;margin:.7rem 0 0}
.max-w-3 li {
  border-top: 1px solid var(--color-rule);
  padding: .6rem 0;
  font-size: .9rem;
}
.block-visible{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-rule)}
.self-10 {
  font-size: clamp(2rem,5vw,3.5rem);
  font-family: var(--font-display);
  letter-spacing: -.05em;
  line-height: 1.1;
  color: var(--color-key);
}
.w-light {
  font-size: clamp(1.3rem,2.1vw,1.75rem);
}
.shadow-decimal{line-height:1.9;margin:0;max-width:62ch}
.inset-gray-100{min-width:0}
@media(max-width:760px){.py-24{grid-template-columns:1fr}.translate-tight {
  border-bottom: 1px solid var(--color-rule);
  border-top: 1px solid var(--color-rule);
  padding: 1.2rem 0 1.2rem 1.2rem;
}.transition-wrap{display:flex;flex-wrap:wrap;gap:1.2rem 2.5rem;margin:1.2rem 0}.transition-wrap div{margin:0}.max-w-3{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.max-w-3 li {
  border-top: 0;
  padding: 0;
}.block-visible {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: 1rem;
}.self-10 {
  font-size: 2rem;
}}
.mr-scroll{margin-bottom:2.5rem;max-width:40rem}
.opacity-pointer .mr-scroll{text-align:center;margin-inline:auto}
.justify-xl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap: 2rem 3rem;
}
.space-cover {
  margin: 0;
}
.space-fit{font-family:var(--font-display);font-weight:var(--font-weight-heading);font-size:1.1rem;margin-bottom:.5rem;display:flex;gap:.75rem;align-items:baseline}
.w-circle{font-weight:700;font-size:.85rem;flex-shrink:0;color:var(--color-key)}
.z-dark {
  margin: 0;
  color: var(--color-muted);
}
.place-16 {
  max-width: 46rem;
}
.items-third .place-16 {
  margin-right: auto;
  margin-left: auto;
}
.items-third .hidden-dark {
  text-align: center;
}
.hidden-dark {
  margin-bottom: 1.5rem;
}
.text-col {
  line-height: 1.7;
  margin: 0 0 1.1rem;
}
.flex-1{font-size:1.15rem;margin:1.75rem 0 .75rem}
.justify-relaxed {
  margin: 0;
  gap: .5rem;
  display: grid;
  padding-left: 1.25rem;
}
.bg-16::marker {
  color: var(--color-key);
}
.translate-center{isolation:isolate;overflow:hidden;color:var(--color-inverse-text);position:relative;padding-block:calc(var(--spacing-section) * 1.2)}
.space-wide {
  z-index: -2;
  inset: 0;
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}
.text-min {
  z-index: -1;
  position: absolute;
  inset: 0;
}
.translate-fit .text-min{background:rgba(8,10,14,.62)}
.sr-max .text-min {
  opacity: .88;
  background: var(--color-key);
}
.sr-max{color:var(--color-on-primary)}
.border-sm {
  max-width: 44rem;
  width: min(100% - 2.5rem,var(--container-max));
}
.ease-light .border-sm{margin-inline:auto;text-align:center}
.flex-24 .border-sm{margin-left:max(1.25rem,calc((100% - var(--container-max)) / 2))}
.list-12{color:inherit;margin-bottom:.5rem}
.px-hidden {
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
  opacity: .9;
}
.sr {
  overflow-wrap: anywhere;
  background: var(--color-background);
  padding-block: calc(var(--spacing-section) * .7);
}
.m-12{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-large);overflow:hidden}
.h-gray-900 {
  border-top: 4px solid var(--color-key);
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
}
.m-quarter .h-gray-900 {
  border-left: 4px solid var(--color-key);
  border-top: 0;
}
.divide-dark{color:var(--color-key)}
.translate-16{font-size:calc(var(--text-2xl) * .88);line-height:1.15;max-width:22ch}
.block-bottom{color:var(--color-muted);max-width:38rem;font-size:1.05rem;line-height:1.7;margin:1.2rem 0 0}
.w{padding:.8rem;min-width:0;margin:0;display:flex}
.border-black{height:100%;border-radius:var(--radius-sm);aspect-ratio:4/5;width:100%;object-fit:cover;min-height:12rem}
@media (max-width:700px){
.m-12 {
  grid-template-columns: 1fr;
}
.translate-16{font-size:var(--text-2xl)}
.w {
  padding: 0 1.25rem 1.25rem;
}
.border-black{min-height:0;height:auto;aspect-ratio:16/7}
.block-bottom{font-size:1rem}
}
.mb-8{margin-bottom:2.5rem;max-width:60ch}
.py-lg{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;column-gap:clamp(2rem,6vw,6rem);margin:0;display:grid}
.gap-between {
  min-width: 0;
  padding-block: 2rem;
  border-top: 2px solid var(--color-copy);
}
.relative-4{height:100%}
.duration-gray-100{height:100%;flex-direction:column;display:flex;color:var(--color-copy);min-height:2.75rem}
.duration-gray-100:hover{color:var(--color-copy)}
.duration-gray-100:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 6px;
}
.inset-light{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.75rem;line-height:1.6;color:var(--color-muted);margin-bottom:1.2rem}
.inset-light span:first-child {
  color: var(--color-key);
  font-weight: 600;
}
.align-scroll {
  margin-bottom: 1rem;
  max-width: 26ch;
  font-size: clamp(1.55rem,2.8vw,2.4rem);
}
.duration-gray-100:hover .align-scroll {
  color: var(--color-key);
}
.flex-muted {
  font-size: 1rem;
  color: var(--color-muted);
  margin-bottom: 1.5rem;
  max-width: 60ch;
  line-height: 1.75;
}
.sr-center {
  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-rule);
}
.space-white{color:var(--color-muted);font-size:.8rem}
.ml-tight{display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;color:var(--color-key);min-height:2.75rem}
@media(max-width:760px){.py-lg {
  grid-template-columns: minmax(0,1fr);
}.gap-between {
  padding-block: 1.5rem;
}.flex-muted{font-size:.95rem}}
.p-xs{hyphens:auto}
.my-around{max-width:42rem;margin:0 auto 2.5rem;text-align:center}
.cursor-12{margin-bottom:0}
.overflow-8{display:grid;gap:1.5rem;align-items:start}
.z-pointer .overflow-8 {
  grid-template-columns: minmax(0,3fr) minmax(0,2fr);
}
.justify-wide .overflow-8 {
  max-width: 46rem;
  margin: 0 auto;
}
.inline {
  display: grid;
  gap: 1.75rem;
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  background: var(--color-background);
}
.cursor-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.65rem}
.left-bold {
  font-weight: 600;
}
.break-0{white-space:nowrap;color:var(--color-key);line-height:1.2;font-weight:700;font-size:1.3rem;font-family:var(--font-display)}
.z-gray-100{width:100%;height:1.5rem;cursor:pointer;accent-color:var(--color-key);display:block;margin:0}
.z-gray-100:focus-visible,.absolute-gray-900:focus-visible {
  outline: 3px solid var(--color-key);
  outline-offset: 3px;
}
.opacity-xs{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.35rem;font-size:.8rem;color:var(--color-muted)}
.bg-secondary {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.sticky-tight{font-weight:600;padding:0;margin-bottom:.8rem}
.scale-full {
  display: grid;
}
.ml{display:flex;align-items:center;gap:.75rem;cursor:pointer}
.sticky-5 .ml{padding:.7rem 0;border-top:1px solid var(--color-rule)}
.sticky-5 .ml:last-child{border-bottom:1px solid var(--color-rule)}
.tracking-top .scale-full {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.tracking-top .ml{gap:.55rem;padding:.55rem .95rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-panel)}
.tracking-top .ml:has(:checked) {
  border-color: var(--color-key);
  box-shadow: inset 0 0 0 1px var(--color-key);
}
.absolute-gray-900{accent-color:var(--color-key);cursor:pointer;margin:0;height:1.15rem;width:1.15rem;flex-shrink:0}
.rounded-row{min-width:0;flex:1}
.min-h-secondary{font-size:.92rem;white-space:nowrap;color:var(--color-muted)}
.top-bottom{min-width:0;padding:2rem;border:1px solid var(--color-rule);border-top:4px solid var(--color-key);border-radius:var(--radius-large);background:var(--color-panel);box-shadow:var(--shadow-sm)}
.z-pointer .top-bottom{position:sticky;top:6rem}
.ring-center {
  letter-spacing: .06em;
  color: var(--color-muted);
  text-transform: uppercase;
  margin: 0 0 .35rem;
  font-weight: 600;
  font-size: .85rem;
}
.pb-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .2rem .6rem;
  margin: 0 0 1.25rem;
}
.cursor-0 {
  font-size: 2.4rem;
  line-height: 1.1;
  font-weight: 700;
  overflow-wrap: anywhere;
  font-family: var(--font-display);
  color: var(--color-copy);
}
.list-5 {
  font-size: .95rem;
  color: var(--color-muted);
}
.list-around{gap:.5rem;border-top:1px solid var(--color-rule);display:grid;list-style:none;font-size:.92rem;padding:1rem 0 0;margin:0 0 1.25rem}
.list-tight {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}
.list-tight[hidden] {
  display: none;
}
.origin-end{color:var(--color-muted);min-width:0}
.tracking-gray-500 {
  opacity: .85;
  font-size: .8rem;
  display: block;
}
.rotate-snug{white-space:nowrap;font-weight:600}
.mx{font-size:.85rem;margin:0 0 1.5rem;color:var(--color-muted)}
.top-col {
  width: 100%;
}
@media(max-width:860px){.z-pointer .overflow-8 {
  grid-template-columns: minmax(0,1fr);
}.z-pointer .top-bottom {
  position: static;
}}
@media(max-width:480px){
.inline,.top-bottom {
  padding: 1.35rem;
}
.cursor-0 {
  font-size: 2rem;
}
}
.order-bold{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)}
.block-circle {
  border: 2px solid var(--color-key);
}
.col-gray-100{background:var(--color-panel)}
.opacity-lg{background:var(--color-key);color:var(--color-on-primary)}
.p-disc{font-size:.8rem;font-weight:700;display:block;letter-spacing:var(--tracking-label);text-transform:var(--case-overline);color:var(--color-label);margin-bottom:.7rem}
.opacity-lg .p-disc,.opacity-lg .shrink {
  color: var(--color-on-primary);
}
.shrink {
  margin-bottom: .9rem;
}
.rounded-pointer{margin-bottom:1.6rem;opacity:.9}
.border-none {
  padding: 0;
  list-style: none;
  gap: 1rem;
  display: grid;
  margin: 0;
}
.mt-full{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-copy);font-weight:600;box-shadow:var(--shadow-sm)}
.sr-y {
  flex: none;
  width: 1.9rem;
  color: var(--color-on-primary);
  display: grid;
  background: var(--color-key);
  border-radius: 50%;
  height: 1.9rem;
  place-items: center;
}
.sr-y svg {
  width: 1rem;
  height: 1rem;
}
@media (max-width:820px){.order-bold{grid-template-columns:minmax(0,1fr)}}
.left-disc {
  padding-block: calc(var(--spacing-section) * .8);
}
.pt-normal {
  background: var(--color-panel);
}
.decoration-y {
  color: var(--color-on-primary);
  background: var(--color-key);
}
.decoration-y .leading-primary,.decoration-y .truncate-y{color:var(--color-on-primary)}
.not-sr-third{border-bottom:1px solid var(--color-rule)}
.space-around{text-align:center}
.divide-4{opacity:.8;font-size:.85rem;margin-bottom:.75rem}
.visible-end{margin:0 .5rem}
.self-snug{opacity:.7}
.leading-primary{margin-bottom:.5rem}
.block-normal {
  margin: 0;
  opacity: .85;
  font-size: 1.1rem;
  max-width: 40rem;
}
.space-around .block-normal{margin-inline:auto}
.place-0 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.75fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 3rem;
}
.delay-0 {
  margin: 0;
  max-width: 18ch;
  overflow-wrap: anywhere;
}
.py-start{margin:0}
.max-w-tight {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
  margin: 0;
}
.inset-10 {
  border-top: 3px solid var(--color-key);
  min-width: 0;
  padding: 2rem 1.5rem;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: var(--color-panel);
}
.h-y {
  color: var(--color-muted);
  font-size: .85rem;
}
.bg-col {
  display: grid;
  background: var(--color-background);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 1.5rem;
  height: 2.8rem;
  color: var(--color-key);
  font-size: 1.5rem;
  width: 2.8rem;
}
.bg-col svg {
  height: 1.3rem;
  width: 1.3rem;
}
.cursor-sm {
  margin: 1rem 0 0;
  font-size: clamp(1rem,1.6vw,1.25rem);
  overflow-wrap: anywhere;
}
.row-pointer {
  color: var(--color-copy);
  text-underline-offset: .25em;
  text-decoration: underline;
}
.row-pointer:hover {
  color: var(--color-key);
}
.row-pointer[href^="mailto:"]{font-size:min(1em,1.05rem)}
.h-top {
  font-style: normal;
}
.row-pointer:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 4px;
}
@media(max-width:760px){.place-0,.max-w-tight {
  grid-template-columns: minmax(0,1fr);
}.place-0{gap:1rem;margin-bottom:2rem}.inset-10{padding:1.5rem}.bg-col {
  margin-bottom: 1rem;
}}
.truncate-2{padding:clamp(1.5rem,3vw,2.5rem);background:var(--color-panel);margin-top:3rem;min-width:0;border-top:3px solid var(--color-key);display:grid;border-radius:0 0 var(--radius-sm) var(--radius-sm);gap:1.25rem}
.ease-bold {
  margin: 0;
  overflow-wrap: anywhere;
}
.transition-y {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
}
.skew {
  gap: .35rem;
  min-width: 0;
  display: grid;
}
.w-relaxed {
  grid-column: 1/-1;
}
.h {
  font-size: .85rem;
  color: var(--color-muted);
}
.leading {
  width: 100%;
  min-width: 0;
  padding: .75rem .9rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-background);
  color: var(--color-copy);
  font: inherit;
}
.leading:focus{outline:2px solid var(--color-key);outline-offset:1px}
.left-max {
  resize: vertical;
}
.shrink-secondary {
  overflow-wrap: anywhere;
  max-width: 100%;
  justify-self: start;
}
@media(max-width:760px){
.truncate-2{padding:1.25rem;margin-top:2rem}
.transition-y{grid-template-columns:minmax(0,1fr)}
}
.cursor-sm+.h-y{margin-top:1.25rem}
.ring {
  background: var(--color-panel);
  overflow-wrap: anywhere;
}
.shrink-pointer{max-width:56rem;background:var(--color-background);border:1px solid var(--color-rule);border-top:3px solid var(--color-key);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,4vw,3.5rem)}
.shadow-xs{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 2.75rem;padding-bottom:1.2rem;border-bottom:1px solid var(--color-rule);font-size:.85rem}
.py-screen{color:var(--color-muted);min-width:0}
.justify-3 {
  text-align: right;
  min-width: 0;
  margin: 0;
  color: var(--color-copy);
}
.gap-quarter {
  max-width: 66ch;
  margin-inline: auto;
}
.pb-y{white-space:pre-line;font-size:1.1rem;line-height:1.8;margin:0 0 2.5rem}
.transition-min {
  margin-top: 2.25rem;
}
.h-0{scroll-margin-top:8rem;font-size:clamp(1.2rem,1.8vw,1.55rem);margin:0 0 .9rem;line-height:1.35}
.z-square{color:var(--color-copy);text-decoration:underline;text-decoration-color:var(--color-rule);text-decoration-thickness:1px;text-underline-offset:.25em}
.z-square:hover {
  color: var(--color-key);
  text-decoration-color: currentColor;
}
.z-square:focus-visible,.h-0:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.not-sr {
  font-size: 1rem;
  margin: 0 0 1rem;
  line-height: 1.85;
  white-space: pre-line;
}
.not-sr:last-child {
  margin-bottom: 0;
}
@media(max-width:480px){
.shrink-pointer {
  padding: 1.25rem 1rem;
}
.shadow-xs {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}
.justify-3 {
  text-align: left;
}
.pb-y{font-size:1.05rem;margin-bottom:1.75rem}
.transition-min{margin-top:1.75rem}
.not-sr {
  line-height: 1.75;
}
}
.object-x {
  padding-block: calc(var(--spacing-section) * .9) calc(var(--spacing-section) * .7);
}
.sr-lg{border-bottom:4px solid var(--color-key)}
.whitespace-start{border-bottom:4px solid var(--color-highlight)}
.rotate-circle{border-bottom:1px solid var(--color-rule)}
.items-x{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 4rem;align-items:end}
.z-full {
  margin: 0;
  font-size: calc(var(--text-2xl) * 1.05);
}
.fixed-full {
  max-width: 34rem;
  margin: 0 0 .35rem;
}
@media (max-width:760px){
.items-x{grid-template-columns:1fr;gap:1rem}
}
.sr-2xl {
  overflow-wrap: anywhere;
}
.flex-disc{max-width:72rem}
.min-h-dark {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.relative-none{margin:0;border-left:3px solid var(--color-key);padding-left:1rem}
.basis-xs {
  font-size: .8rem;
  color: var(--color-muted);
  margin-bottom: .35rem;
}
.visible-screen{color:var(--color-copy);font-size:.95rem;margin:0;font-weight:600}
.left-5{font-size:clamp(1.1rem,1.6vw,1.3rem);min-width:0;white-space:pre-line;margin:0;line-height:1.65}
.inline-dark{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-rule);padding-block:2rem}
.inline-dark:last-child{border-bottom:1px solid var(--color-rule)}
.pt-gray-100{font-size:2.7rem;font-variant-numeric:tabular-nums;color:var(--color-key);font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-heading)}
.block-none{line-height:1.4;font-size:clamp(1.1rem,1.6vw,1.35rem);scroll-margin-top:8rem;margin:0;min-width:0}
.not-sr-2{color:var(--color-copy);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em}
.not-sr-2:hover{color:var(--color-key);text-decoration-color:currentColor}
.not-sr-2:focus-visible,.block-none:focus{outline:2px solid var(--color-key);outline-offset:5px}
.skew-screen{max-width:65ch;min-width:0}
.sticky-20{white-space:pre-line;font-size:1rem;line-height:1.8;margin:0 0 1rem}
.sticky-20:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.min-h-dark {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
  padding-bottom: 2rem;
}
.inline-dark{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.25rem}
.pt-gray-100{font-size:2rem}
.skew-screen {
  grid-column: 2;
}
.block-none{align-self:center}
}
@media(max-width:480px){
.inline-dark{gap:1rem;padding-block:1.5rem}
.skew-screen{grid-column:1/-1}
.pt-gray-100{font-size:1.8rem}
}
.container-pointer {
  overflow-wrap: anywhere;
}
.basis-bottom{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.select-none {
  min-width: 0;
  position: sticky;
  padding-top: .35rem;
  top: 7rem;
}
.decoration-normal {
  margin: 0 0 1.75rem;
  border-bottom: 2px solid var(--color-key);
  padding: 0 0 1.5rem;
}
.space-relaxed{letter-spacing:.05em;margin-bottom:.4rem;color:var(--color-muted);font-size:.75rem}
.visible-xl {
  font-weight: 600;
  margin: 0;
  color: var(--color-copy);
  font-size: .95rem;
}
.mt-8{list-style:none;margin:0;gap:.3rem;padding:0;display:grid}
.max-w-bold{min-width:0}
.ring-tight{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.65rem;align-items:baseline;padding:.55rem .2rem;color:var(--color-copy);font-size:.85rem;line-height:1.45;border-bottom:1px solid var(--color-rule)}
.ring-tight:hover{text-underline-offset:.2em;text-decoration:underline;color:var(--color-key)}
.ring-tight:focus-visible{outline:2px solid var(--color-key);outline-offset:3px}
.fixed-between {
  font-variant-numeric: tabular-nums;
  font-size: .72rem;
  color: var(--color-muted);
}
.decoration {
  min-width: 0;
}
.decoration-xs {
  margin: 0 0 2.5rem;
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  line-height: 1.7;
  white-space: pre-line;
}
.mx-20{border-top:1px solid var(--color-rule);padding-block:1.8rem}
.mx-20:last-child{padding-bottom:0}
.gap-2xl{margin:0 0 1rem;scroll-margin-top:8rem;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.35}
.gap-2xl:focus {
  outline: 2px solid var(--color-key);
  outline-offset: 5px;
}
.basis{line-height:1.8;margin:0 0 1rem;font-size:1rem;white-space:pre-line}
.basis:last-child{margin-bottom:0}
@media(max-width:780px){
.basis-bottom{grid-template-columns:minmax(0,1fr);gap:2rem}
.select-none{position:static;padding:1.25rem;background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-sm)}
.decoration-normal{margin-bottom:1rem;padding-bottom:1rem}
.mt-8{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}
.decoration-xs {
  margin-bottom: 1.75rem;
}
}
@media(max-width:480px){.mt-8{grid-template-columns:minmax(0,1fr)}.mx-20{padding-block:1.5rem}}
.origin-gray-500 {
  padding-block: 1.5rem calc(var(--spacing-section) * .65);
  background: var(--color-panel);
}
.grid-relaxed{min-width:0}
.gap-2 {
  margin: 0;
}
.delay-white {
  width: 100%;
  aspect-ratio: 5/2;
  object-fit: cover;
}
.inline-visible {
  padding: clamp(1.25rem,4.5vw,4rem);
  margin: -3rem clamp(1rem,4vw,4rem) 0;
  position: relative;
  border: 1px solid var(--color-rule);
  background: var(--color-background);
}
.ease-4 {
  display: flex;
  align-items: center;
  gap: .65rem;
  width: fit-content;
  max-width: 100%;
  min-height: 2.75rem;
  font-size: .8rem;
  margin-bottom: 1.25rem;
  overflow-wrap: anywhere;
}
.ease-4:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 4px;
}
.h-medium {
  display: block;
}
.ease-circle {
  font-size: clamp(2rem,4vw,3.8rem);
  max-width: 23ch;
  margin-bottom: .65em;
  overflow-wrap: anywhere;
}
.fixed-start{margin-bottom:2rem;max-width:56ch;color:var(--color-muted);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65}
.list-10{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-top:1px solid var(--color-rule);padding-top:1.25rem;font-size:.8rem;color:var(--color-muted)}
.content-min{min-width:0;color:var(--color-copy);font-weight:600}
.gap-2:not(:has(img)){display:none}
.grid-relaxed:not(:has(img)) .inline-visible{margin-top:0}
@media(max-width:700px){
.delay-white {
  aspect-ratio: 8/5;
}
.inline-visible{padding:1.25rem;margin:-1.25rem .65rem 0}
.ease-4 {
  margin-bottom: 1rem;
}
.fixed-start{margin-bottom:1.5rem}
.content-min{flex-basis:100%}
}
.select-2{padding-top:calc(var(--spacing-section) * .6)}
.m-3{max-width:44rem;line-height:1.75;font-size:1.05rem}
.select-gray-100 {
  margin-top: 2rem;
  font-size: 1.5rem;
}
.scale .grid-left:first-of-type::first-letter{color:var(--color-key);font-family:var(--font-display);padding-right:.35rem;line-height:.85;font-size:3.2em;float:left}
.skew-x{padding-left:1.25rem;margin:0 0 1.25rem}
.place-hidden{margin-top:2rem;background:var(--color-panel);border-radius:var(--radius-sm);border-left:4px solid var(--color-highlight);padding:1.25rem 1.5rem}
.duration-muted{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:3rem;align-items:start}
.text-right{overflow-wrap:anywhere;max-width:15ch;font-size:clamp(1.5rem,2.5vw,2.2rem)}
.sticky-y {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-rule);
}
.row-fit {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: 1rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
}
.grow-relaxed{font-size:.75rem;color:var(--color-key);font-variant-numeric:tabular-nums;padding-top:.2rem}
.visible-24{color:var(--color-muted);font-size:.75rem}
.not-sr-4 {
  font-size: 1.3rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  margin: .5rem 0;
}
.bg-md{color:var(--color-copy)}
.bg-md:hover {
  color: var(--color-key);
}
.transition-cover {
  color: var(--color-key);
  white-space: nowrap;
}
.scale-medium {
  color: var(--color-muted);
  margin: 0;
  font-size: .95rem;
}
@media(max-width:700px){.duration-muted{grid-template-columns:minmax(0,1fr);gap:1.5rem}.text-right{max-width:none;margin:0}}
.break-white{padding-block:calc(var(--spacing-section) * .5)}
.border-bottom {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  max-width: 44rem;
  padding: 1.5rem;
  background: var(--color-panel);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-rule);
}
.select-24 .border-bottom {
  text-align: center;
  align-items: center;
  flex-direction: column;
}
.block-between{height:4rem;font-size:1.2rem;justify-content:center;display:inline-flex;width:4rem;font-weight:700;background:var(--color-key);border-radius:50%;flex-shrink:0;color:var(--color-on-primary);align-items:center}
.leading-5{font-size:1.2rem;margin:0 0 .15rem}
.fixed-screen {
  font-weight: 600;
  display: block;
  margin-bottom: .5rem;
  font-size: .9rem;
  color: var(--color-key);
}
.select-normal{color:var(--color-muted);margin:0}