:root {
  --color-primary: #f72654;
  --color-brand-strong: #fd5d80;
  --color-primary-soft: #6c192b;
  --color-brand-inverse: #f72654;
  --color-primary-fg: #181012;
  --color-highlight: #339dc7;
  --color-accent-fg: #ffffff;
  --color-page: #1d1618;
  --color-layer: #2a1d20;
  --color-text: #f9f6f7;
  --color-muted: #c2aeb2;
  --color-line: #483337;
  --color-dark-bg: #100a0b;
  --color-inverse-surface: #21181a;
  --color-dark-fg: #f6f4f4;
  --color-on-dark-muted: #baabae;
  --radius-base: 19px;
  --radius-large: 38px;
  --radius-button: 3px;
  --case-button: uppercase;
  --tracking-btn: .06em;
  --font-weight-btn: 700;
  --font-display: 'Outfit', 'Segoe UI', system-ui, sans-serif;
  --font-text: 'Nunito Sans', 'Segoe UI', system-ui, sans-serif;
  --text-h1: clamp(2rem, 4.5vw, 3.25rem);
  --text-h2: clamp(1.6rem, 3vw, 2.25rem);
  --text-h3: 1.25rem;
  --font-weight-title: 800;
  --tracking-display: -0.03em;
  --leading-heading: 1.15;
  --case-overline: uppercase;
  --tracking-overline: .12em;
  --color-label: #f72654;
  --text-body: 1.0625rem;
  --leading-body: 1.6;
  --container-content: 1168px;
  --spacing-section: 4.8rem;
  --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 {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  line-height: var(--leading-body);
  background: var(--color-page);
  font-size: var(--text-body);
  overflow-wrap: anywhere;
  margin: 0;
  font-family: var(--font-text);
  color: var(--color-text);
}
img,svg,video {
  max-width: 100%;
  display: block;
  height: auto;
}
h1,h2,h3,h4 {
  font-weight: var(--font-weight-title);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-display);
  margin: 0 0 .6em;
  color: var(--color-text);
  font-family: var(--font-display);
  hyphens: manual;
}
h1 {
  font-size: var(--text-h1);
}
h2 {
  font-size: var(--text-h2);
}
h3 {
  font-size: var(--text-h3);
  line-height: 1.3;
}
h4 {
  line-height: 1.35;
  font-size: 1.05rem;
}
p {
  margin: 0 0 1em;
}
a{color:var(--color-primary);text-decoration:none}
@media (min-width:481px){a[href^="tel:"]{white-space:nowrap}}
a:hover{color:var(--color-brand-strong)}
ul,ol{margin:0 0 1em;padding-left:1.25em}
button,input,textarea,select{font:inherit;color:inherit}
::selection {
  color: var(--color-text);
  background: var(--color-primary-soft);
}
.scale-screen {
  width: min(100% - 2.5rem,var(--container-content));
  margin-inline: auto;
}
.inset-screen{width:min(100% - 2.5rem,48rem)}
.break-white {
  padding-block: var(--spacing-section);
}
.align-quarter{background:var(--color-layer)}
.clearfix{background:var(--color-dark-bg);color:var(--color-dark-fg)}
.clearfix h1,.clearfix h2,.clearfix h3,.clearfix h4 {
  color: inherit;
}
.clearfix a {
  color: var(--color-brand-inverse);
}
.clearfix .content-20,.clearfix .sr-white {
  color: var(--color-on-dark-muted);
}
.clearfix .object-1{color:var(--color-brand-inverse)}
.scale-bottom{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-btn);text-transform:var(--case-button);letter-spacing:var(--tracking-btn);line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.scale-bottom:hover{background:var(--color-brand-strong);color:var(--color-primary-fg)}
.scale-bottom:active{transform:translateY(1px)}
.mr-start{color:var(--color-primary);background:transparent;border-color:currentColor}
.mr-start:hover {
  border-color: var(--color-primary);
  color: var(--color-primary-fg);
  background: var(--color-primary);
}
.basis-24 {
  background: var(--color-highlight);
  color: var(--color-accent-fg);
}
.basis-24:hover {
  filter: brightness(.92);
  background: var(--color-highlight);
  color: var(--color-accent-fg);
}
.gap-x {
  background: var(--color-dark-fg);
  color: var(--color-dark-bg);
}
.gap-x:hover {
  color: var(--color-dark-bg);
  background: #fff;
}
.max-w-6{padding:.55rem 1.1rem;font-size:.9rem}
.rounded-dark {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.clearfix .scale-bottom:not(.mr-start):not(.basis-24):not(.gap-x){background:var(--color-brand-inverse);color:var(--color-dark-bg)}
.clearfix .scale-bottom:not(.mr-start):not(.basis-24):not(.gap-x):hover{background:var(--color-dark-fg);color:var(--color-dark-bg)}
.clearfix .mr-start{border-color:var(--color-on-dark-muted);color:var(--color-dark-fg)}
.clearfix .mr-start:hover{background:var(--color-dark-fg);border-color:var(--color-dark-fg);color:var(--color-dark-bg)}
.select-24{display:grid;gap:1.5rem}
.transition-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.left-10{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.grid-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.space-around {
  grid-template-columns: repeat(2,1fr);
}
.ease{grid-template-columns:repeat(3,1fr)}
.whitespace-y {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){
.whitespace-y{grid-template-columns:repeat(2,1fr)}
.ease {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.space-around,.ease,.whitespace-y{grid-template-columns:1fr}
}
.order-max{display:flex;justify-content:center;flex-wrap:wrap}
.order-max>*{min-width:0}
.order-max.space-around>*{flex:0 0 calc((100% - 1.5rem)/2)}
.order-max.ease>*{flex:0 0 calc((100% - 3rem)/3)}
.order-max.whitespace-y>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){
.order-max.ease>*,.order-max.whitespace-y>*{flex-basis:calc((100% - 1.5rem)/2)}
}
@media (max-width:560px){
.order-max.space-around>*,.order-max.ease>*,.order-max.whitespace-y>* {
  flex-basis: 100%;
}
}
.content-20 {
  color: var(--color-muted);
  font-size: 1.15rem;
}
.object-1{font-weight:700;text-transform:var(--case-overline);letter-spacing:var(--tracking-overline);font-size:.8rem;color:var(--color-label);display:inline-block;margin-bottom:.75rem}
.sr-white {
  color: var(--color-muted);
}
.bg-decimal {
  text-align: center;
}
.skew-black {
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  position: absolute;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
@media (max-width:640px){.break-white {
  padding-block: calc(var(--spacing-section) * .7);
}}
.z-right{overflow-wrap:anywhere;border-bottom:1px solid var(--color-line);background:var(--color-page);color:var(--color-text)}
.scale-5{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.5rem;border-bottom:1px solid var(--color-line)}
.order-quarter .scale-5 {
  border-bottom: 3px solid var(--color-primary);
}
.decoration-visible{display:inline-flex;align-items:center;gap:.9rem;color:var(--color-text);min-width:0;max-width:38rem}
.decoration-visible:hover{color:var(--color-primary)}
.pb-10{height:2.7rem;justify-content:center;font-family:var(--font-display);color:var(--color-primary);display:flex;flex:none;border:1px solid var(--color-primary);font-size:1.4rem;width:2.7rem;align-items:center}
.ring-disc{font-size:clamp(1.15rem,2.2vw,1.9rem);line-height:1.2;font-family:var(--font-display);min-width:0;font-weight:var(--font-weight-title)}
.select-third {
  text-wrap: balance;
  font-size: clamp(1.05rem,1.7vw,1.45rem);
  line-height: 1.15;
}
.not-sr-relaxed {
  margin: 0;
  max-width: 26rem;
  color: var(--color-muted);
  text-align: right;
  font-size: .85rem;
}
.origin-md {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-block: 1rem;
}
.inset-black {
  min-width: 0;
}
.divide-contain{display:flex;flex-wrap:wrap;align-items:baseline;gap:.65rem 1.5rem;margin:0;padding:0;list-style:none}
.not-sr {
  min-width: 0;
}
.items-square{display:block;color:var(--color-text);font-size:.85rem;line-height:1.4;padding:.3rem 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.35em}
.items-square:hover,.shrink-wrap{text-decoration-color:currentColor;color:var(--color-primary)}
.decoration-tight{display:inline-flex;gap:.9rem;align-items:baseline;color:var(--color-primary);font-weight:700;font-size:.9rem;flex-shrink:0;max-width:16rem;padding:.35rem 0}
@media (max-width:700px){
.scale-5 {
  padding-block: 1rem;
  gap: 1rem;
}
.not-sr-relaxed {
  display: none;
}
.origin-md{align-items:flex-start;flex-direction:column;gap:.8rem}
.inset-black {
  width: 100%;
}
.divide-contain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem}
.decoration-tight {
  justify-content: space-between;
  max-width: none;
  width: 100%;
  border-top: 1px solid var(--color-line);
  padding-top: .8rem;
}
.ring-disc {
  font-size: 1.3rem;
}
.select-third {
  font-size: 1.1rem;
}
}
.left-none {
  font-size: .9rem;
  padding-block: 2rem;
  margin-top: auto;
  border-top: 1px solid var(--color-line);
}
.fixed-screen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.hidden-secondary{font-weight:700;font-size:1.1rem;font-family:var(--font-display);color:var(--color-text)}
.opacity-white {
  font-size: 1rem;
  text-wrap: balance;
  max-width: 26rem;
}
.rounded,.ml {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.opacity{color:var(--color-muted)}
.opacity:hover{color:var(--color-primary)}
.tracking-right{opacity:.8}
.origin-6{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.25rem;color:var(--color-muted);font-size:.85rem}
.grid-6{position:fixed;z-index:50;inset-inline:1rem;bottom:1rem;max-width:76rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);margin-inline:auto;display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(0,2fr) minmax(15rem,1.2fr);align-items:center;gap:1.4rem;overflow:auto;overscroll-behavior:contain;padding:1.05rem 1.35rem;background:var(--color-page);color:var(--color-text);border:1px solid var(--color-line);border-inline-start:4px solid var(--color-primary);box-shadow:var(--shadow-sm);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}
.grid-6[hidden] {
  display: none;
}
.origin-scroll{border-inline-end:1px solid var(--color-line);padding-inline-end:1.2rem;min-width:0}
.py-1{font-family:var(--font-display);margin:0 0 .35rem;font-size:1rem;font-weight:var(--font-weight-title);line-height:1.3}
.overflow-right {
  text-underline-offset: .18em;
  font-size: .82rem;
  color: var(--color-primary);
  display: inline-block;
  text-decoration: underline;
  max-width: 100%;
}
.overflow-right:hover{color:var(--color-brand-strong)}
.basis {
  min-width: 0;
  margin: 0;
}
.fixed-min {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .6rem;
  min-width: 0;
}
.flex-secondary {
  min-width: 0;
  min-height: 44px;
  padding: .7rem .75rem;
  background: var(--color-layer);
  color: var(--color-text);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-button);
  font-weight: var(--font-weight-btn);
  font-size: .88rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.flex-secondary:hover {
  background: var(--color-primary);
  color: var(--color-primary-fg);
  border-color: var(--color-primary);
}
.flex-secondary:focus-visible,.overflow-right:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 3px;
}
@media(max-width:900px){
.grid-6{grid-template-columns:minmax(0,1fr) minmax(14rem,1fr);gap:1rem}
.origin-scroll {
  grid-column: 1/-1;
  border-inline-end: 0;
  padding-inline-end: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.py-1 {
  margin: 0;
}
}
@media(max-width:560px){
.grid-6 {
  inset-inline: .5rem;
  bottom: .5rem;
  grid-template-columns: minmax(0,1fr);
  gap: .55rem;
  padding: .75rem .85rem;
  font-size: .84rem;
  line-height: 1.4;
}
.origin-scroll{flex-wrap:wrap;gap:.15rem .8rem}
.py-1 {
  font-size: .92rem;
}
.flex-secondary {
  padding: .5rem .6rem;
  min-height: 40px;
}
}
.mb-1 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.mb .sr-6 {
  order: 1;
}
.mb .select-pointer{order:2}
.select-pointer,.sr-6 {
  overflow-wrap: anywhere;
  min-width: 0;
}
.sticky-secondary{margin:0}
.gap-dark{margin:1.5rem 0 0;gap:.75rem;display:grid}
.order-2xl{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:1rem}
.truncate-circle{color:var(--color-muted);font-size:.9rem;font-weight:600}
.sticky-square {
  margin: 0;
  overflow-wrap: anywhere;
  min-width: 0;
}
.rotate-tight{color:inherit}
.sr-6 {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-layer);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-line);
}
.skew-pointer {
  gap: .35rem;
  min-width: 0;
  display: grid;
}
.text-bold {
  font-size: .9rem;
  font-weight: 600;
}
.sticky{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-base);background:var(--color-page)}
.sticky:focus{outline:2px solid var(--color-primary);outline-offset:1px}
.list-lg {
  resize: vertical;
}
.not-sr-black{max-width:100%;justify-self:start;overflow-wrap:anywhere}
@media (max-width:860px){
.mb-1{grid-template-columns:minmax(0,1fr)}
.mb .sr-6,.mb .select-pointer {
  order: 0;
}
}
@media (max-width:480px){.order-2xl{grid-template-columns:minmax(0,1fr);gap:.25rem}.sr-6 {
  padding: 1.25rem;
}}
.p-bottom {
  padding-block: calc(var(--spacing-section) * 1.3);
  text-align: center;
}
.ease-center {
  background: var(--color-layer);
}
.z-bold{color:var(--color-primary-fg);background:var(--color-primary)}
.z-bold .content-relaxed,.z-bold .bg-4{color:var(--color-primary-fg)}
.z-bold .col-half{color:var(--color-primary-fg);border-color:var(--color-primary-fg)}
.z-bold .col-half:hover {
  color: var(--color-primary);
  background: var(--color-primary-fg);
}
.grid-10 {
  max-width: 48rem;
}
.bg-4 {
  margin-bottom: 1.75rem;
  font-size: 1.15rem;
  color: var(--color-muted);
}
.justify-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.pb-scroll{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;list-style:none;margin:3rem 0 0;padding:0}
.static-scroll{display:flex;flex-direction:column;gap:.15rem}
.inset-tight{line-height:1;font-size:2rem;font-family:var(--font-display)}
.ease-5{opacity:.8;font-size:.9rem}
.rounded-max{overflow-wrap:anywhere}
.z>* {
  min-width: 0;
}
.top {
  max-width: 24ch;
}
.pt-snug{color:var(--color-muted)}
.justify {
  white-space: normal;
  max-width: 100%;
  text-align: center;
}
.font-8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:2.5rem}
.top{font-size:clamp(2rem,4vw,3.7rem);max-width:22ch;margin-bottom:0}
.px {
  max-width: 48ch;
  margin: 0;
}
.bg-wide {
  margin: 0;
}
.rounded-muted {
  width: 100%;
  border-radius: var(--radius-large);
  object-fit: cover;
  aspect-ratio: 2.8/1;
}
.place-normal{color:var(--color-muted);font-size:.85rem;padding:.9rem 0}
.col-xs{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;padding:1.2rem 0;margin:1rem 0 2.5rem;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:.85rem;color:var(--color-muted)}
.col-xs strong,.tracking-gray-900{font-weight:700;color:var(--color-text)}
.cursor{columns:2;column-rule:1px solid var(--color-line);margin-inline:auto;column-gap:clamp(2rem,5vw,5rem);max-width:68rem}
.min-h-end{break-inside:avoid;line-height:1.85;margin-bottom:1.5rem;color:var(--color-muted)}
.min-h-end:first-child {
  font-size: 1.13rem;
  color: var(--color-text);
}
@media(max-width:740px){.font-8 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}.rounded-muted{aspect-ratio:16/10}.cursor {
  columns: 1;
}.col-xs{justify-content:flex-start}}
.rotate-normal{overflow-wrap:anywhere}
.duration>* {
  min-width: 0;
}
.order{max-width:24ch}
.grow-between{color:var(--color-muted)}
.tracking-decimal{white-space:normal;text-align:center;max-width:100%}
.cursor-light {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 3rem;
}
.mr{margin:0;max-width:48ch}
.grow-secondary {
  padding: 0;
  margin: 0;
  border-top: 2px solid var(--color-text);
  list-style: none;
}
.justify-hidden{display:grid;grid-template-columns:4rem minmax(0,.85fr) minmax(0,1.15fr);gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--color-line);align-items:start}
.overflow-bottom{line-height:1.1;font-size:2.1rem;font-family:var(--font-display);color:var(--color-primary)}
.space-8 {
  margin: 0;
  font-size: clamp(1.2rem,2.2vw,1.8rem);
}
.grow-between {
  margin: 0;
}
.grow-wide{display:flex;gap:2rem;justify-content:space-between;align-items:center;margin-top:2rem}
.hidden-12{max-width:56ch;margin:0;color:var(--color-muted)}
.tracking-decimal {
  flex-shrink: 0;
}
@media(max-width:700px){
.cursor-light {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.justify-hidden {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .8rem 1rem;
}
.grow-between{grid-column:2}
.overflow-bottom{grid-row:1/3;font-size:1.7rem}
.grow-wide {
  flex-direction: column;
  align-items: flex-start;
}
.tracking-decimal{flex-shrink:1}
}
.align-x{overflow-wrap:anywhere}
.absolute-bottom>*{min-width:0}
.col {
  max-width: 24ch;
}
.grow {
  color: var(--color-muted);
}
.gap-2{text-align:center;max-width:100%;white-space:normal}
.inset-0 {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 1rem 4rem;
  align-items: end;
  margin-bottom: 3rem;
}
.inset-0 .object-1 {
  grid-column: 1/-1;
}
.col {
  margin: 0;
  max-width: 21ch;
  line-height: 1.12;
  font-size: clamp(2rem,4.2vw,4rem);
}
.absolute{max-width:45ch;margin:0}
.shrink-pointer{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--color-text);display:grid;padding:0;list-style:none}
.basis-half{padding:2rem 2rem 0 0;min-width:0}
.basis-half+.basis-half{padding-left:2rem;border-left:1px solid var(--color-line)}
.row{letter-spacing:-.05em;display:block;margin-bottom:2rem;line-height:1;font-size:clamp(2.8rem,6vw,5rem);font-family:var(--font-display);color:var(--color-primary)}
.relative-md{font-size:clamp(1.3rem,2.3vw,1.8rem);min-height:2.6em}
.grow {
  margin: 0;
  line-height: 1.85;
}
@media(max-width:740px){.inset-0 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}.shrink-pointer{grid-template-columns:1fr}.basis-half,.basis-half+.basis-half{border-left:0;border-bottom:1px solid var(--color-line);padding:1.7rem 0;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.7rem 1.2rem}.row {
  font-size: 2.5rem;
  grid-row: 1/3;
  margin: 0;
}.relative-md{margin:0;min-height:0}.grow{grid-column:2}}
.object {
  margin-bottom: 2.5rem;
  max-width: 40rem;
}
.list {
  list-style: none;
  display: grid;
  counter-reset: none;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
.block-square .list,.cursor-quarter .list {
  grid-template-columns: repeat(3,1fr);
}
.transition-right.block-square .list,.transition-right.cursor-quarter .list{grid-template-columns:repeat(2,1fr)}
.skew-x.block-square .list,.skew-x.cursor-quarter .list{grid-template-columns:repeat(4,1fr)}
.w-black.block-square .list,.w-black.cursor-quarter .list{grid-template-columns:repeat(5,1fr);gap:1.5rem}
.cursor-quarter .list {
  gap: 2rem 3rem;
}
.cursor-quarter .skew-visible:nth-child(even){margin-top:2.5rem}
.mb-pointer .list{gap:0;max-width:44rem}
.mb-pointer .skew-visible {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding-bottom: 2rem;
  position: relative;
}
.mb-pointer .skew-visible::before{width:2px;content:"";left:1.375rem;top:3rem;bottom:0;position:absolute;background:var(--color-line)}
.mb-pointer .skew-visible:last-child::before {
  display: none;
}
.select.mb-pointer .skew-visible::before {
  background: rgba(255,255,255,.18);
}
.visible {
  align-items: center;
  margin-bottom: 1rem;
  font-family: var(--font-display);
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
}
.fixed .visible{width:2.75rem;background:var(--color-primary);font-size:1.1rem;color:var(--color-primary-fg);border-radius:50%;height:2.75rem}
.max-w-medium .visible {
  font-size: 3rem;
  line-height: 1;
  color: var(--color-primary);
  opacity: .9;
}
.select.max-w-medium .visible{color:var(--color-brand-inverse)}
.self-24 .visible {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-base);
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 1.1rem;
}
.select.self-24 .visible{border-color:var(--color-brand-inverse);color:var(--color-brand-inverse)}
.truncate-third{margin-bottom:.35rem;font-size:1.1rem}
.m-normal {
  font-size: .95rem;
  margin: 0;
  color: var(--color-muted);
}
.select .m-normal{color:var(--color-on-dark-muted)}
@media (max-width:900px){
.block-square .list,.cursor-quarter .list,.skew-x.block-square .list,.skew-x.cursor-quarter .list,.w-black.block-square .list,.w-black.cursor-quarter .list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.block-square .list,.cursor-quarter .list,.transition-right.block-square .list,.skew-x.block-square .list,.w-black.block-square .list,.transition-right.cursor-quarter .list,.skew-x.cursor-quarter .list,.w-black.cursor-quarter .list {
  grid-template-columns: 1fr;
}
.cursor-quarter .skew-visible:nth-child(even){margin-top:0}
}
.self-8{padding-block:calc(var(--spacing-section) * .8)}
.ring-center{background:var(--color-layer)}
.skew-none {
  background: var(--color-primary);
  color: var(--color-primary-fg);
}
.skew-none .inset-right,.skew-none .object-tight {
  color: var(--color-primary-fg);
}
.block-lg {
  border-bottom: 1px solid var(--color-line);
}
.break-screen {
  text-align: center;
}
.static-cover{font-size:.85rem;opacity:.8;margin-bottom:.75rem}
.z-gray-500{margin:0 .5rem}
.transition-20 {
  opacity: .7;
}
.inset-right{margin-bottom:.5rem}
.shrink-circle {
  font-size: 1.1rem;
  max-width: 40rem;
  opacity: .85;
  margin: 0;
}
.break-screen .shrink-circle {
  margin-inline: auto;
}
.translate{overflow-wrap:anywhere}
.bg-y{margin:0 auto 3rem;max-width:50rem;text-align:center}
.bg-y h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.truncate-max {
  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-line);
}
.truncate-max:nth-child(odd){background:var(--color-layer)}
.font-black{max-width:20ch}
.col-cover{max-width:70ch}
.col-cover p:last-child{margin-bottom:0}
@media (max-width: 640px){.truncate-max{grid-template-columns:minmax(0, 1fr)}.font-black {
  max-width: none;
}}
.my-cover{overflow-wrap:anywhere}
.cursor-2>*{min-width:0}
.col-black{max-width:24ch}
.relative-wrap {
  color: var(--color-muted);
}
.ring-5{max-width:100%;text-align:center;white-space:normal}
.cursor-2 {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr);
  gap: clamp(2.5rem,7vw,7rem);
  align-items: center;
}
.col-black{max-width:20ch;line-height:1.1;font-size:clamp(2rem,4.5vw,4rem)}
.order-center{margin:2rem 0;color:var(--color-text);border-left:3px solid var(--color-primary);font-size:clamp(1.15rem,2vw,1.5rem);padding-left:1.3rem;line-height:1.6;font-family:var(--font-display)}
.relative-wrap {
  max-width: 64ch;
  line-height: 1.8;
}
.gap-lg {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
}
.skew-third{padding:.45rem .85rem;border:1px solid var(--color-line);border-radius:2rem;font-size:.85rem;color:var(--color-text);max-width:100%}
.pt-fit{border-bottom:1px solid var(--color-line);text-align:center;padding-bottom:1.5rem}
.max-w {
  margin: 0 auto 2rem;
  object-fit: cover;
  border-radius: 50%;
  max-width: 19rem;
  aspect-ratio: 1;
  width: 100%;
}
.rotate{font-weight:700;font-family:var(--font-display);font-size:1.35rem;margin-bottom:1rem}
.grow-2xl {
  font-size: .85rem;
  color: var(--color-muted);
  line-height: 1.7;
  margin: 0;
}
.grow-2xl strong {
  font-weight: 500;
  color: var(--color-text);
}
.ring-5 {
  font-weight: 700;
  padding-bottom: .4rem;
  display: inline-flex;
  border-bottom: 1px solid currentColor;
  gap: 1.5rem;
}
@media(max-width:720px){
.cursor-2 {
  grid-template-columns: 1fr;
}
.pt-fit {
  display: grid;
  grid-template-columns: 6rem minmax(0,1fr);
  gap: .4rem 1.2rem;
  text-align: left;
  align-items: center;
}
.max-w{grid-row:1/3;width:6rem;margin:0}
.rotate,.grow-2xl {
  margin: 0;
}
.col-black {
  max-width: 24ch;
}
}
.overflow-6{padding-block:calc(var(--spacing-section) * .9);color:var(--color-dark-fg);align-items:center;isolation:isolate;overflow:hidden;min-height:18rem;position:relative;display:flex}
.not-sr-medium{height:100%;inset:0;object-fit:cover;width:100%;z-index:-2;position:absolute}
.relative-light {
  inset: 0;
  position: absolute;
  z-index: -1;
}
.items-1 .relative-light{background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7))}
.fixed-pointer .relative-light {
  opacity: .88;
  background: var(--color-primary);
}
.fixed-pointer {
  color: var(--color-primary-fg);
}
.inline-right{width:min(100% - 2.5rem,var(--container-content))}
.border-bottom .inline-right {
  text-align: center;
}
.font-visible{font-size:.85rem;margin-bottom:.75rem;opacity:.85}
.leading-xl{color:inherit}
.leading-xl:hover{text-decoration:underline;color:inherit}
.pt-8 {
  margin: 0 .5rem;
}
.pb-2{opacity:.8}
.mt-screen {
  margin-bottom: .5rem;
  color: inherit;
}
.inline-2xl{max-width:40rem;font-size:1.1rem;opacity:.9;margin:0}
.border-bottom .inline-2xl {
  margin-inline: auto;
}
.p-right{display:grid;gap:2.5rem}
.ring-1 .p-right {
  grid-template-columns: minmax(16rem,1fr) 2fr;
  gap: 3rem;
  align-items: start;
}
.leading-light{max-width:40rem}
.ring-1 .leading-light {
  top: 6rem;
  position: sticky;
}
.ease-secondary {
  list-style: none;
  border-top: 1px solid var(--color-line);
  padding: 0;
  margin: 0;
}
.ease-24{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--color-line)}
.ease-24:not(:has(.mr-visible)) {
  grid-template-columns: minmax(0,1fr);
}
.mr-visible{font-size:1.1rem;font-family:var(--font-display);padding-top:.15rem;font-weight:700;min-width:2.5rem;color:var(--color-primary)}
.mt{margin-bottom:.4rem}
.mx-between{margin-bottom:.5rem;color:var(--color-muted)}
.rotate-24 {
  font-size: .9rem;
  margin: 0;
  font-weight: 500;
}
.rotate-24::before {
  color: var(--color-primary);
  content: "+ ";
}
@media (max-width:860px){
.ring-1 .p-right{grid-template-columns:1fr}
.ring-1 .leading-light {
  position: static;
}
}
.break{overflow-wrap:anywhere}
.left-y{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(2rem, 7vw, 7rem);align-items:start}
.duration-around {
  padding-top: 1.5rem;
  border-top: 4px solid var(--color-primary);
}
.opacity-none{margin-bottom:1.5rem;position:relative;padding:0 0 1.5rem 3.5rem;border-bottom:1px solid var(--color-line)}
.border-16{left:0;color:var(--color-muted);font-size:.8rem;top:.15rem;position:absolute;font-variant-numeric:tabular-nums}
.grid-light {
  max-width: 65ch;
}
@media (max-width: 760px){.left-y{grid-template-columns:minmax(0, 1fr)}.opacity-none{padding-left:2.5rem}}
.rounded-around {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.row-tight .rounded-around {
  text-align: center;
  margin-inline: auto;
}
.items{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2rem 3rem}
.ease-white {
  margin: 0;
}
.relative-dark {
  font-family: var(--font-display);
  font-weight: var(--font-weight-title);
  font-size: 1.1rem;
  margin-bottom: .5rem;
  display: flex;
  gap: .75rem;
  align-items: baseline;
}
.skew-wide{font-size:.85rem;font-weight:700;flex-shrink:0;color:var(--color-primary)}
.top-left{margin:0;color:var(--color-muted)}
.h-bottom{background:var(--color-page);padding-block:calc(var(--spacing-section) * .85);overflow-wrap:anywhere}
.h-quarter {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.overflow-medium {
  letter-spacing: var(--tracking-overline);
  max-width: 75%;
  font-weight: 600;
  text-transform: var(--case-overline);
  font-size: .8rem;
  color: var(--color-primary);
}
.self-5 {
  flex: 1;
  height: 1px;
  background: var(--color-line);
}
.mb-dark .self-5{background:var(--color-primary);height:3px}
.absolute-min{font-size:calc(var(--text-h1) * 1.2);margin:0;padding-bottom:1.8rem;line-height:1.1;max-width:24ch}
.content-black{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start;border-top:1px solid var(--color-line);padding-top:1.3rem}
.shrink-auto{font-size:.8rem;font-weight:600;max-width:24rem;color:var(--color-muted)}
.p-muted{grid-template-columns:minmax(0,1fr)}
.hidden {
  color: var(--color-muted);
  line-height: 1.7;
  margin: 0;
  max-width: 42rem;
  font-size: 1.1rem;
}
@media (max-width:640px){.absolute-min {
  font-size: var(--text-h1);
}.content-black{grid-template-columns:1fr;gap:1rem}.shrink-auto {
  display: none;
}.hidden {
  font-size: 1rem;
}}
.whitespace-bold {
  margin-bottom: 2.5rem;
  max-width: 60ch;
}
.inline-col{list-style:none;padding:0;margin:0;display:grid;column-gap:clamp(2rem,6vw,6rem);grid-template-columns:repeat(2,minmax(0,1fr))}
.flex-end{padding-block:2rem;min-width:0;border-top:2px solid var(--color-text)}
.sticky-20 {
  height: 100%;
}
.mb-screen {
  color: var(--color-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 2.75rem;
}
.mb-screen:hover{color:var(--color-text)}
.mb-screen:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px}
.basis-3{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}
.basis-3 span:first-child{font-weight:600;color:var(--color-primary)}
.h-lg {
  max-width: 26ch;
  font-size: clamp(1.55rem,2.8vw,2.4rem);
  margin-bottom: 1rem;
}
.mb-screen:hover .h-lg {
  color: var(--color-primary);
}
.rotate-3{color:var(--color-muted);max-width:60ch;font-size:1rem;margin-bottom:1.5rem;line-height:1.75}
.border-none{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-line)}
.pt-screen {
  color: var(--color-muted);
  font-size: .8rem;
}
.justify-black{display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;color:var(--color-primary);min-height:2.75rem}
@media(max-width:760px){
.inline-col {
  grid-template-columns: minmax(0,1fr);
}
.flex-end {
  padding-block: 1.5rem;
}
.rotate-3 {
  font-size: .95rem;
}
}
.place-tight{hyphens:auto}
.sr-muted{margin:0 auto 2.5rem;max-width:40rem}
.ml-auto{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}
.items-bottom{border-radius:var(--radius-large);background:var(--color-page);flex-direction:column;display:flex;padding:2rem}
.inline-bottom .items-bottom {
  border: 1px solid var(--color-line);
  box-shadow: var(--shadow-sm);
}
.origin-12 .items-bottom {
  border: 1px solid var(--color-line);
}
.min-h-fit {
  box-shadow: var(--shadow-strong);
  border-color: var(--color-primary);
  position: relative;
}
.origin-12 .min-h-fit{border-width:2px}
.rotate-xl{margin-bottom:.75rem;font-size:1.1rem}
.select-screen{line-height:1.1;margin-bottom:.5rem}
.decoration-5 {
  font-size: 2.25rem;
  font-weight: 700;
  font-family: var(--font-display);
  color: var(--color-text);
}
.static-top{font-size:.9rem;color:var(--color-muted)}
.rotate-decimal {
  font-size: .95rem;
  color: var(--color-muted);
  border-bottom: 1px solid var(--color-line);
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.space-4 {
  flex-grow: 1;
  display: grid;
  margin: 0 0 1.75rem;
  list-style: none;
  gap: .6rem;
  padding: 0;
}
.list-gray-100 {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .95rem;
}
.decoration {
  flex-shrink: 0;
  height: 1.25rem;
  color: var(--color-primary);
  display: inline-flex;
  width: 1.25rem;
  margin-top: .1rem;
}
.decoration svg{height:100%;width:100%}
.overflow-gray-100 {
  width: 100%;
}
.row-12{font-size:.85rem;margin:1.75rem 0 0}
.shrink-start {
  border-top: 4px solid var(--color-primary);
  background: var(--color-layer);
  overflow-wrap: anywhere;
  padding-block: calc(var(--spacing-section) * .75);
}
.max-w-tight{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem 3rem;align-items:center}
.h,.content-center{min-width:0}
.pt-decimal {
  color: var(--color-primary);
}
.grow-quarter {
  max-width: 22ch;
  margin: 0;
}
.items-xs {
  color: var(--color-muted);
  max-width: 36rem;
  margin-bottom: 1.2rem;
}
.min-h-6{white-space:normal;max-width:100%;text-align:center}
.my-circle{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 1.5rem;border-top:1px solid var(--color-line);padding-top:1.3rem;min-width:0}
.m-1{font-weight:600;font-size:.85rem;max-width:24rem;color:var(--color-text)}
.py-16{display:flex;align-items:center;gap:.6rem;max-width:100%;min-width:0;font-size:.88rem;color:var(--color-primary)}
.py-16:hover{text-decoration:underline;text-underline-offset:.3em}
.whitespace-1 {
  width: 1.1rem;
  height: 1.1rem;
  flex: none;
  display: block;
}
.whitespace-1 svg {
  width: 1.1rem;
  height: 1.1rem;
}
@media (max-width:680px){.max-w-tight {
  grid-template-columns: 1fr;
  gap: 1.4rem;
}.grow-quarter {
  max-width: 28ch;
}.my-circle{flex-direction:column;align-items:flex-start;gap:.8rem}.m-1{max-width:100%}}
.row-6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:start}
.justify-fit .z-left{order:1}
.justify-fit .align-normal {
  order: 2;
}
.sr-primary {
  margin: 1.5rem 0 0;
  display: grid;
  gap: .75rem;
}
.row-contain {
  display: grid;
  grid-template-columns: minmax(0,8rem) minmax(0,1fr);
  gap: 1rem;
}
.border-around {
  font-size: .9rem;
  color: var(--color-muted);
  font-weight: 600;
}
.content-x {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.break-max{margin-top:1.5rem;height:12rem;border-radius:var(--radius-large);background:repeating-linear-gradient(45deg,var(--color-layer),var(--color-layer) 12px,var(--color-page) 12px,var(--color-page) 24px);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}
.select-3 svg {
  width: 2.5rem;
  height: 2.5rem;
}
.z-left {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-layer);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-line);
}
.truncate-hidden{min-width:0;gap:.35rem;display:grid}
.order-relaxed{font-size:.9rem;font-weight:600}
.block-6 {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-base);
  background: var(--color-page);
}
.block-6:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}
.rounded-2{resize:vertical}
.py-12 {
  overflow-wrap: anywhere;
  justify-self: start;
  max-width: 100%;
}
@media (max-width:860px){.row-6{grid-template-columns:minmax(0,1fr)}.justify-fit .z-left,.justify-fit .align-normal {
  order: 0;
}}
.align-normal,.z-left {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media(max-width:480px){.row-contain {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}.sr-primary {
  gap: 1rem;
}.z-left{padding:1.25rem}}
.scale .row-6{grid-template-columns:minmax(0,1fr)}
.scale .align-normal {
  max-width: 46rem;
}
.h-end {
  margin-top: 2rem;
}
.pb-right {
  overflow-wrap: anywhere;
}
.left-full{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:clamp(2rem, 6vw, 6rem);align-items:start}
.decoration-6 h2 {
  max-width: 23ch;
}
.leading-md{margin-top:2rem}
.scale-sm {
  border-top: 1px solid var(--color-line);
  padding-top: 1.25rem;
}
.scale-sm h3 {
  font-size: 1rem;
}
.scale-sm p {
  color: var(--color-muted);
}
.left-dark{background:var(--color-layer);border:1px solid var(--color-line);padding:clamp(1.4rem, 3.5vw, 3rem);border-radius:var(--radius-base)}
.basis-normal{margin-bottom:2rem;background:var(--color-primary);color:var(--color-primary-fg);padding:1rem;border-radius:50%;display:inline-flex}
.basis-normal svg{width:1.5rem;height:1.5rem}
.pt{font-family:var(--font-display);font-weight:700;font-size:1.5rem}
.ring-hidden{margin:0}
.ring-hidden div {
  border-top: 1px solid var(--color-line);
  padding: 1rem 0;
}
.ring-hidden dt {
  font-size: .75rem;
  margin-bottom: .5rem;
  color: var(--color-muted);
}
.ring-hidden dd{margin:0}
@media (max-width: 720px){
.left-full{grid-template-columns:minmax(0, 1fr)}
}
.absolute-gray-500 {
  overflow-wrap: anywhere;
  background: var(--color-layer);
}
.rounded-4{max-width:56rem;background:var(--color-page);border:1px solid var(--color-line);border-top:3px solid var(--color-primary);border-radius:0 0 var(--radius-base) var(--radius-base);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,4vw,3.5rem)}
.pb {
  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-line);
  font-size: .85rem;
}
.select-end {
  color: var(--color-muted);
  min-width: 0;
}
.ml-12{color:var(--color-text);margin:0;text-align:right;min-width:0}
.top-5 {
  max-width: 66ch;
  margin-inline: auto;
}
.relative-cover {
  margin: 0 0 2.5rem;
  line-height: 1.8;
  white-space: pre-line;
  font-size: 1.1rem;
}
.scale-scroll {
  margin-top: 2.25rem;
}
.pt-circle {
  margin: 0 0 .9rem;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
  scroll-margin-top: 8rem;
  line-height: 1.35;
}
.text-third {
  color: var(--color-text);
  text-decoration: underline;
  text-decoration-color: var(--color-line);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.text-third:hover {
  text-decoration-color: currentColor;
  color: var(--color-primary);
}
.text-third:focus-visible,.pt-circle:focus{outline:2px solid var(--color-primary);outline-offset:5px}
.top-cover{line-height:1.85;white-space:pre-line;font-size:1rem;margin:0 0 1rem}
.top-cover:last-child{margin-bottom:0}
@media(max-width:480px){.rounded-4 {
  padding: 1.25rem 1rem;
}.pb {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}.ml-12{text-align:left}.relative-cover{margin-bottom:1.75rem;font-size:1.05rem}.scale-scroll{margin-top:1.75rem}.top-cover {
  line-height: 1.75;
}}
.place-min{overflow-wrap:anywhere}
.justify-around{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.leading {
  position: sticky;
  top: 7rem;
  padding-top: .35rem;
  min-width: 0;
}
.align {
  border-bottom: 2px solid var(--color-primary);
  margin: 0 0 1.75rem;
  padding: 0 0 1.5rem;
}
.px-top{color:var(--color-muted);font-size:.75rem;letter-spacing:.05em;margin-bottom:.4rem}
.m-wide{margin:0;color:var(--color-text);font-weight:600;font-size:.95rem}
.pb-relaxed {
  padding: 0;
  display: grid;
  gap: .3rem;
  margin: 0;
  list-style: none;
}
.max-w-visible{min-width:0}
.mb-24 {
  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-line);
}
.mb-24:hover{text-underline-offset:.2em;text-decoration:underline;color:var(--color-primary)}
.mb-24:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.whitespace-screen {
  font-size: .72rem;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}
.inset-sm {
  min-width: 0;
}
.origin-0{white-space:pre-line;font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.7;margin:0 0 2.5rem}
.z-fit{border-top:1px solid var(--color-line);padding-block:1.8rem}
.z-fit:last-child{padding-bottom:0}
.sticky-0{font-size:clamp(1.15rem,1.6vw,1.45rem);scroll-margin-top:8rem;margin:0 0 1rem;line-height:1.35}
.sticky-0:focus{outline:2px solid var(--color-primary);outline-offset:5px}
.origin-fit {
  line-height: 1.8;
  white-space: pre-line;
  font-size: 1rem;
  margin: 0 0 1rem;
}
.origin-fit:last-child {
  margin-bottom: 0;
}
@media(max-width:780px){
.justify-around{grid-template-columns:minmax(0,1fr);gap:2rem}
.leading {
  position: static;
  padding: 1.25rem;
  background: var(--color-layer);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-base);
}
.align {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.pb-relaxed {
  column-gap: 1.25rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.origin-0{margin-bottom:1.75rem}
}
@media(max-width:480px){.pb-relaxed{grid-template-columns:minmax(0,1fr)}.z-fit{padding-block:1.5rem}}
.left-end{padding-block:calc(var(--spacing-section) * .9) calc(var(--spacing-section) * .7)}
.w {
  border-bottom: 4px solid var(--color-primary);
}
.max-w-4{border-bottom:4px solid var(--color-highlight)}
.ease-bottom {
  border-bottom: 1px solid var(--color-line);
}
.py-medium{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 4rem;align-items:end}
.static{font-size:calc(var(--text-h1) * 1.05);margin:0}
.place-20{margin:0 0 .35rem;max-width:34rem}
@media (max-width:760px){
.py-medium {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.space-5 {
  overflow-wrap: anywhere;
}
.skew-contain{max-width:72rem}
.row-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.duration-10 {
  padding-left: 1rem;
  margin: 0;
  border-left: 3px solid var(--color-primary);
}
.order-gray-900 {
  font-size: .8rem;
  margin-bottom: .35rem;
  color: var(--color-muted);
}
.origin-snug{margin:0;font-size:.95rem;color:var(--color-text);font-weight:600}
.origin-bold{min-width:0;white-space:pre-line;font-size:clamp(1.1rem,1.6vw,1.3rem);margin:0;line-height:1.65}
.rounded-3 {
  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-line);
  padding-block: 2rem;
}
.rounded-3:last-child{border-bottom:1px solid var(--color-line)}
.fixed-tight{font-variant-numeric:tabular-nums;font-size:2.7rem;line-height:1;font-family:var(--font-display);color:var(--color-primary);font-weight:var(--font-weight-title)}
.visible-screen {
  min-width: 0;
  scroll-margin-top: 8rem;
  line-height: 1.4;
  margin: 0;
  font-size: clamp(1.1rem,1.6vw,1.35rem);
}
.h-cover{color:var(--color-text);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em}
.h-cover:hover {
  color: var(--color-primary);
  text-decoration-color: currentColor;
}
.h-cover:focus-visible,.visible-screen:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 5px;
}
.ease-left {
  min-width: 0;
  max-width: 65ch;
}
.inline-full {
  line-height: 1.8;
  margin: 0 0 1rem;
  white-space: pre-line;
  font-size: 1rem;
}
.inline-full:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.row-row{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-bottom:2rem}
.rounded-3{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.25rem}
.fixed-tight {
  font-size: 2rem;
}
.ease-left{grid-column:2}
.visible-screen {
  align-self: center;
}
}
@media(max-width:480px){.rounded-3{padding-block:1.5rem;gap:1rem}.ease-left{grid-column:1/-1}.fixed-tight {
  font-size: 1.8rem;
}}
.top-black{max-width:46rem}
.transition-pointer {
  font-size: .85rem;
  color: var(--color-muted);
}
.ml-medium{font-size:1.05rem}
.scale-fit {
  margin-top: 2rem;
}
.pt-primary {
  font-size: 1.3rem;
}
.translate-gray-500 {
  color: var(--color-text);
}
.p-gray-100 {
  background: var(--color-layer);
  padding-block: 2rem calc(var(--spacing-section) * .65);
}
.decoration-fit {
  font-size: .85rem;
  margin-bottom: 2rem;
  padding-block: .5rem;
  display: inline-block;
}
.p-half{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.divide {
  min-width: 0;
  padding-block: 1.5rem;
}
.justify-24 {
  font-size: clamp(2rem,3.8vw,3.8rem);
  max-width: 19ch;
  overflow-wrap: anywhere;
}
.content-primary{max-width:42ch}
.h-20{display:flex;gap:1rem;align-items:center;padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--color-line)}
.hidden-sm {
  flex-shrink: 0;
  place-items: center;
  display: grid;
  background: var(--color-primary);
  border-radius: 50%;
  width: 2.8rem;
  height: 2.8rem;
  color: var(--color-primary-fg);
  font-size: .8rem;
}
.my {
  min-width: 0;
}
.left-3 {
  font-size: .9rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.px-quarter{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.75rem;color:var(--color-muted);margin:.3rem 0 0}
.inline {
  min-width: 0;
  margin: 0;
}
.col-row{width:100%;object-fit:cover;aspect-ratio:4/5;border-radius:var(--radius-base)}
.inline:not(:has(.col-row)){display:none}
.p-half:not(:has(.col-row)){grid-template-columns:minmax(0,1fr)}
.p-half:not(:has(.col-row)) .justify-24{max-width:25ch}
@media(max-width:760px){
.p-half{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.divide {
  padding: 0;
}
.col-row{aspect-ratio:16/10}
.decoration-fit {
  margin-bottom: 1.5rem;
}
.h-20 {
  margin-top: 1.5rem;
}
}
.grid-relaxed {
  padding-top: calc(var(--spacing-section) * .45);
}
.space {
  max-width: 70rem;
  display: grid;
  grid-template-columns: minmax(12rem,.32fr) minmax(0,1fr);
  gap: clamp(2.5rem,6vw,6rem);
  align-items: start;
}
.scale-cover{max-height:calc(100svh - 4rem);min-width:0;position:sticky;border-top:3px solid var(--color-primary);top:2rem;scrollbar-width:thin;overflow:auto;padding-top:.6rem}
.origin {
  line-height: 1.55;
  margin: 0;
  padding-left: 2rem;
  list-style: decimal-leading-zero;
  font-size: .875rem;
}
.skew-2 {
  padding-left: .15rem;
  border-bottom: 1px solid var(--color-line);
}
.skew-2::marker{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}
.p {
  display: block;
  min-height: 44px;
  padding: .85rem .5rem;
  color: var(--color-text);
  text-decoration: underline;
  text-decoration-color: var(--color-line);
  text-underline-offset: .25em;
  overflow-wrap: anywhere;
}
.p:hover{text-decoration-color:currentColor;color:var(--color-primary)}
.p:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
  border-radius: 2px;
  background: var(--color-layer);
}
.shrink-gray-500{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.85;min-width:0;max-width:68ch}
.text-20{padding-bottom:2.6rem;border-bottom:1px solid var(--color-line);margin-bottom:2.6rem}
.p-5 {
  line-height: 1.35;
  font-size: clamp(1.45rem,2.2vw,1.9rem);
  overflow-wrap: anywhere;
  scroll-margin-top: 6rem;
  margin-bottom: 1.2rem;
}
.p-5:focus-visible{outline:2px solid var(--color-primary);outline-offset:.4rem}
.not-sr-col{margin:0 0 1.3em}
.not-sr-col:last-child{margin-bottom:0}
.pb-disc{margin:1.5rem 0 0;padding-left:1.35rem}
.px-2xl {
  margin-bottom: .75rem;
  padding-left: .4rem;
}
.px-2xl::marker{color:var(--color-primary)}
.px-2xl:last-child{margin:0}
.inline-hidden {
  border-radius: var(--radius-base);
  padding: 1.5rem;
  background: var(--color-layer);
}
.bg-8{line-height:1.8;margin:0;font-size:1.05em}
@media(max-width:800px){
.space{grid-template-columns:minmax(0,1fr);gap:2.5rem}
.scale-cover{overflow:visible;max-height:none;padding-bottom:.5rem;position:static}
.shrink-gray-500 {
  font-size: 1rem;
}
.origin{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;column-gap:2rem}
.text-20{padding-bottom:2rem;margin-bottom:2rem}
}
@media(max-width:480px){
.origin{display:block}
.inline-hidden{padding:1.25rem}
}