:root {
  --color-brand: rgb(75,88,104);
  --color-brand-hover: rgb(46,57,71);
  --color-primary-soft: rgb(179,190,204);
  --color-brand-on-dark: rgb(123,139,159);
  --color-primary-fg: rgb(255,255,255);
  --color-accent: rgb(87,84,146);
  --color-on-accent: rgb(255,255,255);
  --color-canvas: rgb(242,244,248);
  --color-raised: rgb(255,255,255);
  --color-body: rgb(36,43,51);
  --color-faint: rgb(92,103,117);
  --color-border: rgb(230,232,235);
  --color-night: rgb(22,32,44);
  --color-dark-raised: rgb(39,45,53);
  --color-dark-fg: rgb(244,245,246);
  --color-on-dark-muted: rgb(171,178,186);
  --radius-sm: 2px;
  --radius-large: 4px;
  --radius-btn: 2px;
  --case-button: uppercase;
  --tracking-btn: .06em;
  --font-weight-button: 700;
  --font-display: 'Montserrat', 'Gill Sans', 'Segoe UI', system-ui, sans-serif;
  --font-base: 'Lora', Georgia, 'Times New Roman', serif;
  --text-2xl: clamp(2rem, 4.5vw, 3.25rem);
  --text-xl: clamp(1.6rem, 3vw, 2.25rem);
  --text-lg: 1.25rem;
  --font-weight-title: 400;
  --tracking-display: -0.01em;
  --leading-tight: 1.15;
  --case-overline: none;
  --tracking-overline: 0;
  --color-eyebrow: rgb(75,88,104);
  --text-base: 1.0625rem;
  --leading-normal: 1.6;
  --container-main: 1113px;
  --spacing-y: 5.6rem;
  --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{background:var(--color-canvas);font-family:var(--font-base);font-size:var(--text-base);overflow-wrap:anywhere;margin:0;color:var(--color-body);line-height:var(--leading-normal)}
img,svg,video {
  height: auto;
  display: block;
  max-width: 100%;
}
h1,h2,h3,h4{letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0 0 .6em;color:var(--color-body);hyphens:manual;font-weight:var(--font-weight-title);font-family:var(--font-display)}
h1{font-size:var(--text-2xl)}
h2 {
  font-size: var(--text-xl);
}
h3 {
  font-size: var(--text-lg);
  line-height: 1.3;
}
h4{font-size:1.05rem;line-height:1.35}
p {
  margin: 0 0 1em;
}
a {
  text-decoration: none;
  color: var(--color-brand);
}
@media (min-width:481px){
a[href^="tel:"]{white-space:nowrap}
}
a:hover {
  color: var(--color-brand-hover);
}
ul,ol{margin:0 0 1em;padding-left:1.25em}
button,input,textarea,select{font:inherit;color:inherit}
::selection{color:var(--color-body);background:var(--color-primary-soft)}
.rotate-2{margin-inline:auto;width:min(100% - 2.5rem,var(--container-main))}
.items-black {
  width: min(100% - 2.5rem,48rem);
}
.leading-right{padding-block:var(--spacing-y)}
.sr-1{background:var(--color-raised)}
.mx-right{color:var(--color-dark-fg);background:var(--color-night)}
.mx-right h1,.mx-right h2,.mx-right h3,.mx-right h4{color:inherit}
.mx-right a{color:var(--color-brand-on-dark)}
.mx-right .place-disc,.mx-right .space-2{color:var(--color-on-dark-muted)}
.mx-right .content-y {
  color: var(--color-brand-on-dark);
}
.duration-tight {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-btn);
  background: var(--color-brand);
  color: var(--color-primary-fg);
  font-weight: var(--font-weight-button);
  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;
}
.duration-tight:hover{color:var(--color-primary-fg);background:var(--color-brand-hover)}
.duration-tight:active {
  transform: translateY(1px);
}
.left-end {
  border-color: currentColor;
  background: transparent;
  color: var(--color-brand);
}
.left-end:hover{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-primary-fg)}
.mb-around{background:var(--color-accent);color:var(--color-on-accent)}
.mb-around:hover {
  color: var(--color-on-accent);
  background: var(--color-accent);
  filter: brightness(.92);
}
.list-2xl {
  background: var(--color-dark-fg);
  color: var(--color-night);
}
.list-2xl:hover {
  color: var(--color-night);
  background: rgb(255,255,255);
}
.clearfix {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.cursor-full {
  font-size: 1.05rem;
  padding: 1rem 2rem;
}
.mx-right .duration-tight:not(.left-end):not(.mb-around):not(.list-2xl) {
  color: var(--color-night);
  background: var(--color-brand-on-dark);
}
.mx-right .duration-tight:not(.left-end):not(.mb-around):not(.list-2xl):hover {
  color: var(--color-night);
  background: var(--color-dark-fg);
}
.mx-right .left-end {
  border-color: var(--color-on-dark-muted);
  color: var(--color-dark-fg);
}
.mx-right .left-end:hover {
  color: var(--color-night);
  border-color: var(--color-dark-fg);
  background: var(--color-dark-fg);
}
.align-gray-900 {
  gap: 1.5rem;
  display: grid;
}
.min-h-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.row-snug {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.text-24 {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.rotate-left{grid-template-columns:repeat(2,1fr)}
.tracking-2xl {
  grid-template-columns: repeat(3,1fr);
}
.font-square {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){
.font-square{grid-template-columns:repeat(2,1fr)}
.tracking-2xl {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.rotate-left,.tracking-2xl,.font-square{grid-template-columns:1fr}
}
.ml-black {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.ml-black>* {
  min-width: 0;
}
.ml-black.rotate-left>*{flex:0 0 calc((100% - 1.5rem)/2)}
.ml-black.tracking-2xl>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.ml-black.font-square>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){
.ml-black.tracking-2xl>*,.ml-black.font-square>* {
  flex-basis: calc((100% - 1.5rem)/2);
}
}
@media (max-width:560px){
.ml-black.rotate-left>*,.ml-black.tracking-2xl>*,.ml-black.font-square>*{flex-basis:100%}
}
.place-disc{font-size:1.15rem;color:var(--color-faint)}
.content-y{letter-spacing:var(--tracking-overline);color:var(--color-eyebrow);display:inline-block;margin-bottom:.75rem;font-size:.8rem;text-transform:var(--case-overline);font-weight:700}
.space-2{color:var(--color-faint)}
.basis {
  text-align: center;
}
.delay-circle {
  overflow: hidden;
  margin: -1px;
  padding: 0;
  height: 1px;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  border: 0;
}
@media (max-width:640px){.leading-right {
  padding-block: calc(var(--spacing-y) * .7);
}}
.min-h-black{background:var(--color-canvas);overflow-wrap:anywhere;padding-block:1rem}
.order-square {
  display: grid;
  grid-template-columns: minmax(9rem,1fr) minmax(0,2fr) minmax(0,.85fr);
  align-items: center;
  gap: 1.5rem;
  padding: 1.3rem 1.5rem;
  background: var(--color-night);
  color: var(--color-dark-fg);
  border-radius: var(--radius-large);
}
.rotate .order-square{border-radius:0;border-bottom:4px solid var(--color-brand-on-dark)}
.not-sr-primary {
  display: flex;
  align-items: center;
  gap: .8rem;
  color: var(--color-dark-fg);
  min-width: 0;
}
.not-sr-primary:hover{color:var(--color-brand-on-dark)}
.cursor-16{flex:none;width:1.7rem;color:var(--color-brand-on-dark);height:1.7rem;display:block}
.clearfix-start{height:100%;object-fit:contain;display:block;width:100%}
.duration-2 {
  font-weight: var(--font-weight-title);
  line-height: 1.2;
  font-family: var(--font-display);
  min-width: 0;
  font-size: 1.3rem;
}
.shadow-pointer{font-size:1.05rem;line-height:1.15;text-wrap:balance}
.basis-square {
  border-left: 1px solid var(--color-on-dark-muted);
  min-width: 0;
  padding-left: 1.5rem;
}
.justify-visible{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;list-style:none;margin:0;padding:0}
.ease-scroll {
  min-width: 0;
}
.m-top {
  color: var(--color-dark-fg);
  line-height: 1.5;
  font-size: .85rem;
  display: block;
  padding: .2rem 0;
}
.m-top:hover,.truncate-between{color:var(--color-brand-on-dark);text-decoration:underline;text-underline-offset:.3em}
.border-bold {
  font-weight: 700;
  border-radius: var(--radius-btn);
  min-width: 0;
  padding: .85rem 1rem;
  font-size: .9rem;
  background: var(--color-dark-fg);
  color: var(--color-night);
  text-align: center;
  display: block;
}
.border-bold:hover{background:var(--color-brand-on-dark);color:var(--color-night)}
@media (max-width:960px){
.order-square{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem}
.border-bold{grid-column:2;max-width:100%;justify-self:start}
}
@media (max-width:620px){
.min-h-black {
  padding-block: .65rem;
}
.order-square {
  grid-template-columns: 1fr;
  padding: 1.2rem;
  gap: 1.2rem;
}
.basis-square{padding:1rem 0 0;border-left:0;border-top:1px solid var(--color-on-dark-muted)}
.justify-visible {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .35rem .8rem;
}
.border-bold{grid-column:auto;justify-self:stretch}
.duration-2 {
  font-size: 1.25rem;
}
.shadow-pointer{font-size:1.1rem}
}
.transition-10 {
  padding-top: clamp(2.5rem,6vw,4rem);
}
.static-xs{background:var(--color-night);color:var(--color-dark-fg)}
.gap-none {
  background: var(--color-raised);
  border-top: 1px solid var(--color-border);
}
.fixed-center{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;padding-bottom:clamp(2rem,5vw,3rem);border-bottom:1px solid var(--color-border)}
.static-xs .fixed-center{border-color:rgba(255,255,255,.14)}
.justify-snug {
  font-size: clamp(1.5rem,3vw,2.25rem);
  max-width: 40rem;
  margin: 0;
  line-height: 1.2;
  font-weight: var(--font-weight-title);
  font-family: var(--font-display);
}
.rounded-xs {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);
  gap: 2rem clamp(2rem,5vw,4rem);
  padding-block: clamp(2rem,5vw,3rem);
}
.max-w{display:inline-flex;margin-bottom:1rem}
.duration-wrap{width:auto;max-height:2.25rem;height:auto}
.delay-contain {
  opacity: .8;
  max-width: 26rem;
}
.left-screen {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin: 0;
}
.flex{text-transform:uppercase;opacity:.7;font-size:.78rem;margin-bottom:1rem;letter-spacing:.12em;color:inherit}
.not-sr-24{display:grid;padding:0;margin:0;list-style:none;gap:.55rem}
.fixed-pointer {
  color: inherit;
}
.fixed-pointer:hover {
  color: var(--color-brand);
}
.static-xs .fixed-pointer:hover {
  color: var(--color-brand-on-dark);
}
.mr-circle{border-top:1px solid var(--color-border);font-size:.85rem;opacity:.75;padding-block:1.25rem}
.static-xs .mr-circle{border-color:rgba(255,255,255,.14)}
@media (max-width:760px){.rounded-xs {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}.py-xl {
  grid-column: 1/-1;
}}
@media (max-width:460px){.rounded-xs{grid-template-columns:minmax(0,1fr)}}
.skew-1 {
  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-canvas);
  color: var(--color-body);
  border: 1px solid var(--color-border);
  border-inline-start: 4px solid var(--color-brand);
  box-shadow: var(--shadow-sm);
  font-size: .9rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.skew-1[hidden] {
  display: none;
}
.px-relaxed{padding-inline-end:1.2rem;min-width:0;border-inline-end:1px solid var(--color-border)}
.mb-gray-500 {
  margin: 0 0 .35rem;
  font-weight: var(--font-weight-title);
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1.3;
}
.list-black {
  color: var(--color-brand);
  max-width: 100%;
  text-decoration: underline;
  text-underline-offset: .18em;
  font-size: .82rem;
  display: inline-block;
}
.list-black:hover {
  color: var(--color-brand-hover);
}
.top-decimal {
  margin: 0;
  min-width: 0;
}
.clearfix-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;min-width:0}
.rotate-min {
  min-width: 0;
  min-height: 44px;
  padding: .7rem .75rem;
  background: var(--color-raised);
  color: var(--color-body);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-btn);
  font-weight: var(--font-weight-button);
  font-size: .88rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.rotate-min:hover {
  border-color: var(--color-brand);
  background: var(--color-brand);
  color: var(--color-primary-fg);
}
.rotate-min:focus-visible,.list-black:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}
@media(max-width:900px){
.skew-1 {
  grid-template-columns: minmax(0,1fr) minmax(14rem,1fr);
  gap: 1rem;
}
.px-relaxed {
  grid-column: 1/-1;
  border-inline-end: 0;
  padding-inline-end: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.mb-gray-500{margin:0}
}
@media(max-width:560px){.skew-1 {
  inset-inline: .5rem;
  bottom: .5rem;
  grid-template-columns: minmax(0,1fr);
  gap: .55rem;
  padding: .75rem .85rem;
  font-size: .84rem;
  line-height: 1.4;
}.px-relaxed {
  flex-wrap: wrap;
  gap: .15rem .8rem;
}.mb-gray-500 {
  font-size: .92rem;
}.rotate-min{padding:.5rem .6rem;min-height:40px}}
.inline-wide {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.py-lg .mb-full{order:1}
.py-lg .translate-x{order:2}
.translate-x,.mb-full {
  overflow-wrap: anywhere;
  min-width: 0;
}
.inline-20{margin:0}
.grid-lg{margin:1.5rem 0 0;gap:.75rem;display:grid}
.mb-3 {
  display: grid;
  grid-template-columns: minmax(0,9.5rem) minmax(0,1fr);
  gap: 1rem;
}
.container-gray-500{color:var(--color-faint);font-size:.9rem;font-weight:600}
.duration-secondary{min-width:0;overflow-wrap:anywhere;margin:0}
.hidden{color:inherit}
.mb-full {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-raised);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-border);
}
.hidden-xl {
  min-width: 0;
  gap: .35rem;
  display: grid;
}
.absolute-square{font-size:.9rem;font-weight:600}
.py-secondary {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-canvas);
}
.py-secondary:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}
.tracking-square{resize:vertical}
.ease-bottom{overflow-wrap:anywhere;justify-self:start;max-width:100%}
@media (max-width:860px){.inline-wide {
  grid-template-columns: minmax(0,1fr);
}.py-lg .mb-full,.py-lg .translate-x{order:0}}
@media (max-width:480px){.mb-3{grid-template-columns:minmax(0,1fr);gap:.25rem}.mb-full{padding:1.25rem}}
.grow {
  background: var(--color-canvas);
  color: var(--color-body);
  padding-block: calc(var(--spacing-y) * .85);
  overflow-wrap: anywhere;
}
.sr-gray-900 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.25rem;
  border-top: 1px solid var(--color-border);
  padding-top: 1rem;
}
.px-between .sr-gray-900 {
  border-top: 3px solid var(--color-brand);
}
.scale-screen {
  color: var(--color-brand);
  max-width: 34rem;
  margin: 0;
}
.hidden-disc{text-align:right;color:var(--color-faint);max-width:18rem;font-size:.8rem}
.sticky-quarter {
  max-width: 20ch;
  line-height: 1.08;
  font-size: calc(var(--text-2xl) * 1.18);
  margin: 1.5rem 0 2rem;
}
.ring-visible{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(1.5rem,4vw,4rem);padding-top:1.5rem;border-top:1px solid var(--color-border)}
.top-full {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.pt-pointer{font-size:1.05rem;color:var(--color-faint);margin:0}
.whitespace{white-space:normal;max-width:100%;text-align:center}
.clearfix-8 {
  display: inline-flex;
  gap: .75rem;
  align-items: baseline;
  font-weight: 600;
  max-width: 100%;
  text-decoration: underline;
  text-underline-offset: .3em;
}
.m-disc {
  margin: 0;
  min-width: 0;
}
.h-1 {
  aspect-ratio: 16/9;
  border-radius: var(--radius-sm);
  width: 100%;
  object-fit: cover;
}
.delay {
  padding-top: .8rem;
  color: var(--color-faint);
  font-size: .85rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid var(--color-border);
}
@media (max-width:700px){.hidden-disc {
  display: none;
}.ring-visible{grid-template-columns:1fr}.sticky-quarter {
  font-size: var(--text-2xl);
  max-width: 24ch;
}.top-full{max-width:40rem}.h-1 {
  aspect-ratio: 4/3;
}}
.ease-fit {
  max-width: 44rem;
  margin-bottom: 2.5rem;
}
.object-secondary .ease-fit {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.list{gap:2.5rem 3rem}
.ease-visible .block-screen {
  padding-top: 1.25rem;
  border-top: 2px solid var(--color-brand);
}
.clearfix-gray-900{font-size:1.15rem;margin-bottom:.6rem}
.translate{margin:0;line-height:1.7}
.ease-gray-500 {
  margin-bottom: 2.5rem;
  max-width: 40rem;
}
.container-end{padding:0;list-style:none;margin:0}
.origin-dark {
  background: var(--color-canvas);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-large);
}
.min-h-max .origin-dark{border:1px solid var(--color-border)}
.p-md .origin-dark {
  box-shadow: var(--shadow-sm);
}
.self-8{margin:0}
.list-medium{width:100%;object-fit:cover;aspect-ratio:10/7}
.rotate-medium{flex-direction:column;display:flex;padding:1.5rem;flex-grow:1}
.origin-left{margin-bottom:.4rem}
.left-0{color:var(--color-faint);flex-grow:1}
.leading-disc {
  font-weight: 600;
}
.shadow-gray-900 .origin-dark {
  color: var(--color-dark-fg);
  justify-content: flex-end;
  min-height: 22rem;
  position: relative;
}
.shadow-gray-900 .self-8 {
  position: absolute;
  inset: 0;
}
.shadow-gray-900 .list-medium {
  height: 100%;
}
.shadow-gray-900 .rotate-medium{padding-top:4rem;position:relative;background:linear-gradient(180deg,rgba(6,8,12,0) 0%,rgba(6,8,12,.85) 45%);flex-grow:0}
.shadow-gray-900 .origin-left {
  color: inherit;
}
.shadow-gray-900 .left-0{opacity:.9;color:inherit}
.shadow-gray-900 .leading-disc{color:inherit;text-decoration:underline}
.place{grid-template-columns:minmax(0,1fr);margin-inline:auto;max-width:34rem}
.translate-20{overflow-wrap:anywhere}
.min-h-disc>* {
  min-width: 0;
}
.origin-quarter {
  max-width: 24ch;
}
.pb-24{color:var(--color-faint)}
.transition-tight {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.border-sm{margin-bottom:3rem;max-width:48rem}
.leading-snug {
  list-style: none;
  padding: 0;
  border-top: 2px solid var(--color-body);
  margin: 0;
}
.m-end {
  display: grid;
  grid-template-columns: 5rem minmax(0,1.5fr) minmax(0,.8fr);
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--color-border);
  align-items: start;
}
.p-normal{line-height:1;font-size:clamp(2.5rem,5vw,4rem);font-family:var(--font-display);color:var(--color-brand);letter-spacing:-.06em}
.place-around {
  font-size: clamp(1.2rem,2.2vw,1.7rem);
}
.pb-24{max-width:57ch;margin:0}
.origin-relaxed{min-width:0}
.m-3{border-left:1px solid var(--color-border);min-width:0;padding-left:1.5rem}
.rotate-wrap{color:var(--color-faint);font-size:.75rem;letter-spacing:.05em;margin-bottom:.7rem;display:block}
.m-3 p {
  font-size: .95rem;
  margin: 0;
  line-height: 1.7;
}
@media(max-width:760px){.m-end{grid-template-columns:3rem minmax(0,1fr);gap:1rem}.p-normal {
  font-size: 2.5rem;
}.m-3{grid-column:2;border-left:0;border-top:1px solid var(--color-border);padding:1rem 0 0}.rotate-wrap{margin-bottom:.3rem}}
.min-h-visible {
  padding-block: calc(var(--spacing-y) * .8);
}
.py-tight{color:var(--color-primary-fg);background:var(--color-brand)}
.container-primary {
  color: var(--color-dark-fg);
  background: var(--color-night);
}
.py-cover {
  color: var(--color-body);
  background: var(--color-raised);
}
.py-tight .relative-lg,.container-primary .relative-lg {
  color: inherit;
}
.not-sr-visible{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.whitespace-24 .not-sr-visible{flex-direction:column;text-align:center}
.relative-lg{margin-bottom:.35rem}
.basis-bottom{opacity:.85;margin:0}
.truncate-black{flex-shrink:0}
@media (max-width:720px){.not-sr-visible {
  align-items: flex-start;
  flex-direction: column;
}.whitespace-24 .not-sr-visible {
  align-items: center;
}}
.whitespace-circle{padding-block:calc(var(--spacing-y) * .8)}
.space-start{background:var(--color-raised)}
.select-bottom{color:var(--color-primary-fg);background:var(--color-brand)}
.select-bottom .duration-y,.select-bottom .delay-xs {
  color: var(--color-primary-fg);
}
.tracking-20{border-bottom:1px solid var(--color-border)}
.sr-cover {
  text-align: center;
}
.mr {
  margin-bottom: .75rem;
  opacity: .8;
  font-size: .85rem;
}
.bg-square {
  margin: 0 .5rem;
}
.text-8{opacity:.7}
.duration-y{margin-bottom:.5rem}
.static-gray-500{max-width:40rem;opacity:.85;margin:0;font-size:1.1rem}
.sr-cover .static-gray-500{margin-inline:auto}
.justify-screen {
  min-width: 0;
}
.grow-2xl{margin-bottom:2rem;max-width:54rem}
.rounded-full{overflow-wrap:anywhere}
.transition-24{padding:0;margin:0;display:grid;gap:1.2rem;list-style:none}
.select-2xl{min-width:0;overflow-wrap:anywhere}
.select-2xl h3{font-size:1.2rem;margin:0 0 .6rem}
.select-2xl p{margin:0;line-height:1.7}
.overflow{letter-spacing:.04em;overflow-wrap:anywhere;font-weight:700;font-size:.8rem;margin-bottom:.7rem;color:var(--color-faint);display:block}
.select-2xl {
  padding: 1.3rem 0;
  border-top: 1px solid var(--color-border);
}
.select-2xl summary {
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
}
.select-2xl summary:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 5px;
}
.select-2xl p{max-width:60rem;padding-top:1rem}
@media (max-width: 700px){.transition-24{grid-template-columns:minmax(0, 1fr)}.select-2xl{grid-template-columns:minmax(0, 1fr);gap:.5rem}}
.ring-fit {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 3rem;
}
.delay-left{background:var(--color-raised);padding:1.5rem 1.75rem;border-left:4px solid var(--color-brand);margin:2rem 0 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.absolute-xs{font-size:1.2rem;font-family:var(--font-display);margin-bottom:.5rem}
.static-end{color:var(--color-faint);font-size:.9rem;font-style:normal}
@media (max-width:860px){
.ring-fit {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.skew-x{overflow-wrap:anywhere}
.mx-16 {
  max-width: 50rem;
  text-align: center;
  margin: 0 auto 3rem;
}
.mx-16 h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.justify-third {
  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-border);
}
.justify-third:nth-child(odd){background:var(--color-raised)}
.break-wide {
  max-width: 20ch;
}
.bg-gray-500{max-width:70ch}
.bg-gray-500 p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){
.justify-third{grid-template-columns:minmax(0, 1fr)}
.break-wide{max-width:none}
}
.self-lg{overflow:hidden;display:flex;padding-block:calc(var(--spacing-y) * .9);color:var(--color-dark-fg);min-height:18rem;align-items:center;isolation:isolate;position:relative}
.min-h-white {
  position: absolute;
  height: 100%;
  inset: 0;
  z-index: -2;
  width: 100%;
  object-fit: cover;
}
.container-scroll{z-index:-1;position:absolute;inset:0}
.divide .container-scroll{background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7))}
.duration-visible .container-scroll{background:var(--color-brand);opacity:.88}
.duration-visible{color:var(--color-primary-fg)}
.grid-y{width:min(100% - 2.5rem,var(--container-main))}
.mx-around .grid-y{text-align:center}
.m-gray-500{font-size:.85rem;opacity:.85;margin-bottom:.75rem}
.text-center{color:inherit}
.text-center:hover{color:inherit;text-decoration:underline}
.col-8 {
  margin: 0 .5rem;
}
.translate-pointer{opacity:.8}
.whitespace-top {
  margin-bottom: .5rem;
  color: inherit;
}
.border-scroll {
  margin: 0;
  max-width: 40rem;
  font-size: 1.1rem;
  opacity: .9;
}
.mx-around .border-scroll{margin-inline:auto}
.translate-0{overflow-wrap:anywhere}
.clearfix-right {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.relative-wide {
  padding-top: 1.5rem;
  border-top: 4px solid var(--color-brand);
}
.decoration-5{padding:0 0 1.5rem 3.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);position:relative}
.sticky-20 {
  position: absolute;
  font-size: .8rem;
  color: var(--color-faint);
  top: .15rem;
  left: 0;
  font-variant-numeric: tabular-nums;
}
.min-h-lg{max-width:65ch}
@media (max-width: 760px){
.clearfix-right {
  grid-template-columns: minmax(0, 1fr);
}
.decoration-5{padding-left:2.5rem}
}
.py-primary {
  margin-bottom: clamp(2rem,4vw,3rem);
  max-width: 46rem;
}
.duration {
  margin-bottom: .9rem;
}
.skew-snug{margin:0}
.bg-wrap {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(1.25rem,3vw,2rem);
}
.self {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sr-center .self {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-canvas);
}
.ring {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.not-sr-xs .ring{border-radius:var(--radius-large)}
.absolute-max{padding-top:1.1rem}
.sr-center .absolute-max {
  padding: 1.25rem 1.4rem 1.5rem;
}
.fixed-medium {
  margin-bottom: .45rem;
  font-size: 1.2rem;
}
.mx-12{margin:0;color:var(--color-faint)}
.mx-between{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}
@media (max-width:900px){
.bg-wrap {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
}
@media (max-width:600px){
.bg-wrap {
  grid-template-columns: minmax(0,1fr);
}
}
.scale-full{overflow-wrap:anywhere}
.relative-black>*{min-width:0}
.basis-gray-500 {
  max-width: 24ch;
}
.overflow-2 {
  color: var(--color-faint);
}
.align-half {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.leading-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:2.5rem}
.basis-gray-500 {
  margin-bottom: 0;
  max-width: 22ch;
  font-size: clamp(2rem,4vw,3.7rem);
}
.my-1 {
  margin: 0;
  max-width: 48ch;
}
.row-sm {
  margin: 0;
}
.pb-relaxed{object-fit:cover;aspect-ratio:2.8/1;width:100%;border-radius:var(--radius-large)}
.inline-left {
  padding: .9rem 0;
  color: var(--color-faint);
  font-size: .85rem;
}
.absolute{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-border);border-bottom:1px solid var(--color-border);font-size:.85rem;color:var(--color-faint)}
.absolute strong,.hidden-5 {
  color: var(--color-body);
  font-weight: 700;
}
.list-scroll{column-rule:1px solid var(--color-border);column-gap:clamp(2rem,5vw,5rem);max-width:68rem;columns:2;margin-inline:auto}
.row {
  margin-bottom: 1.5rem;
  break-inside: avoid;
  line-height: 1.85;
  color: var(--color-faint);
}
.row:first-child{color:var(--color-body);font-size:1.13rem}
@media(max-width:740px){.leading-screen{grid-template-columns:1fr;gap:1.5rem}.pb-relaxed {
  aspect-ratio: 16/10;
}.list-scroll{columns:1}.absolute{justify-content:flex-start}}
.row-disc{background:var(--color-canvas);padding-block:calc(var(--spacing-y) * .7);overflow-wrap:anywhere}
.z-24{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius-large);overflow:hidden}
.ml-top {
  border-top: 4px solid var(--color-brand);
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
}
.scale-6 .ml-top{border-top:0;border-left:4px solid var(--color-brand)}
.skew-auto{color:var(--color-brand)}
.py-sm{max-width:22ch;font-size:calc(var(--text-2xl) * .88);line-height:1.15}
.list-4 {
  max-width: 38rem;
  color: var(--color-faint);
  line-height: 1.7;
  margin: 1.2rem 0 0;
  font-size: 1.05rem;
}
.delay-12 {
  min-width: 0;
  padding: .8rem;
  display: flex;
  margin: 0;
}
.z-col{border-radius:var(--radius-sm);min-height:12rem;aspect-ratio:4/5;object-fit:cover;height:100%;width:100%}
@media (max-width:700px){
.z-24 {
  grid-template-columns: 1fr;
}
.py-sm {
  font-size: var(--text-2xl);
}
.delay-12{padding:0 1.25rem 1.25rem}
.z-col{min-height:0;height:auto;aspect-ratio:16/7}
.list-4{font-size:1rem}
}
.min-h-start{max-width:45rem;margin-bottom:3rem}
.grid-3 {
  overflow-wrap: anywhere;
}
.transition-relaxed {
  border-top: 1px solid var(--color-border);
  margin: 0;
  padding: 0;
  list-style: none;
}
.content-row {
  display: grid;
  grid-template-columns: 3.5rem minmax(0,.8fr) minmax(0,1.2fr);
  gap: 2rem;
  padding-block: 2rem;
  border-bottom: 1px solid var(--color-border);
  align-items: start;
}
.divide-around{line-height:1.2;color:var(--color-brand);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.75rem}
.place-wide {
  line-height: 1.5;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 1.1rem;
}
.place-16 {
  margin: 0;
  color: var(--color-faint);
}
@media(max-width:760px){.content-row {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .75rem 1rem;
}.place-16 {
  grid-column: 2;
}.min-h-start {
  margin-bottom: 2rem;
}}
.py-black {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.select-5 .justify-tight{order:2}
.pt-8 {
  align-items: center;
  padding: calc(var(--spacing-y) * .9) clamp(1.25rem,5vw,4rem);
  display: flex;
}
.justify-tight {
  color: var(--color-primary-fg);
  background: var(--color-brand);
  justify-content: flex-end;
}
.not-sr-gray-100 {
  background: var(--color-night);
  color: var(--color-dark-fg);
}
.select-5 .justify-tight{justify-content:flex-start}
.select-5 .not-sr-gray-100{justify-content:flex-end}
.top-fit{max-width:min(34rem,calc(var(--container-main) / 2 - 3rem));width:100%}
.clearfix-hidden{font-size:.8rem;display:block;margin-bottom:.7rem;opacity:.85;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ring-screen{margin:0;font-size:calc(var(--text-xl) * 1.1);color:inherit}
.visible-top{margin-bottom:1.5rem;color:var(--color-on-dark-muted);font-size:1.1rem}
@media (max-width:820px){
.py-black {
  grid-template-columns: minmax(0,1fr);
}
.select-5 .justify-tight{order:0}
.pt-8,.select-5 .justify-tight,.select-5 .not-sr-gray-100 {
  justify-content: flex-start;
}
.top-fit {
  max-width: none;
}
}
.grid-2xl{max-width:40rem;margin-bottom:2rem}
.border-10{margin:0;list-style:none;padding:0}
.top-end {
  display: flex;
  flex-direction: column;
  background: var(--color-raised);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  overflow: hidden;
}
.scale-auto{display:block}
.duration-bottom {
  object-fit: cover;
  aspect-ratio: 16/10;
  width: 100%;
}
.break-around {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem;
  flex-grow: 1;
}
.rotate-start {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--color-faint);
}
.m-xl {
  font-size: 1.2rem;
  margin: 0;
}
.rounded-0{color:var(--color-body)}
.rounded-0:hover {
  color: var(--color-brand);
}
.whitespace-10 {
  color: var(--color-faint);
  margin: 0;
  flex-grow: 1;
}
.list-center{font-weight:600;font-size:.9rem}
.pt {
  padding-block: calc(var(--spacing-y) * .9) calc(var(--spacing-y) * .7);
}
.col-medium {
  border-bottom: 4px solid var(--color-brand);
}
.clearfix-0 {
  border-bottom: 4px solid var(--color-accent);
}
.whitespace-bold {
  border-bottom: 1px solid var(--color-border);
}
.clearfix-center{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem 4rem;align-items:end}
.bg-end {
  font-size: calc(var(--text-2xl) * 1.05);
  margin: 0;
}
.mb-bold{max-width:34rem;margin:0 0 .35rem}
@media (max-width:760px){.clearfix-center {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.visible-pointer {
  margin: 0 auto 2.5rem;
  max-width: 42rem;
  text-align: center;
}
.top-snug {
  margin-bottom: 0;
}
.row-gray-100 {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}
.self-screen .row-gray-100{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.pt-xl .row-gray-100{max-width:46rem;margin:0 auto}
.whitespace-light{display:grid;gap:1.75rem;min-width:0;padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-canvas)}
.static-16{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.65rem}
.content-end {
  font-weight: 600;
}
.gap-half{font-family:var(--font-display);font-weight:700;white-space:nowrap;color:var(--color-brand);line-height:1.2;font-size:1.3rem}
.ease-end{margin:0;height:1.5rem;display:block;cursor:pointer;accent-color:var(--color-brand);width:100%}
.ease-end:focus-visible,.sr-wrap:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: 3px;
}
.m-bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin-top: .35rem;
  font-size: .8rem;
  color: var(--color-faint);
}
.flex-black {
  padding: 0;
  min-width: 0;
  margin: 0;
  border: 0;
}
.whitespace-secondary {
  font-weight: 600;
  padding: 0;
  margin-bottom: .8rem;
}
.cursor-quarter{display:grid}
.min-h-row{display:flex;align-items:center;gap:.75rem;cursor:pointer}
.font-third .min-h-row{border-top:1px solid var(--color-border);padding:.7rem 0}
.font-third .min-h-row:last-child {
  border-bottom: 1px solid var(--color-border);
}
.border-4 .cursor-quarter {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.border-4 .min-h-row {
  gap: .55rem;
  padding: .55rem .95rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-raised);
}
.border-4 .min-h-row:has(:checked) {
  box-shadow: inset 0 0 0 1px var(--color-brand);
  border-color: var(--color-brand);
}
.sr-wrap{cursor:pointer;accent-color:var(--color-brand);margin:0;height:1.15rem;flex-shrink:0;width:1.15rem}
.duration-decimal{flex:1;min-width:0}
.p {
  white-space: nowrap;
  color: var(--color-faint);
  font-size: .92rem;
}
.translate-1 {
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--color-border);
  border-top: 4px solid var(--color-brand);
  border-radius: var(--radius-large);
  background: var(--color-raised);
  box-shadow: var(--shadow-sm);
}
.self-screen .translate-1{position:sticky;top:6rem}
.tracking-screen {
  font-size: .85rem;
  text-transform: uppercase;
  margin: 0 0 .35rem;
  letter-spacing: .06em;
  font-weight: 600;
  color: var(--color-faint);
}
.z-disc {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .2rem .6rem;
  margin: 0 0 1.25rem;
}
.inset-bold{color:var(--color-body);line-height:1.1;font-size:2.4rem;font-family:var(--font-display);font-weight:700;overflow-wrap:anywhere}
.py {
  color: var(--color-faint);
  font-size: .95rem;
}
.tracking {
  font-size: .92rem;
  padding: 1rem 0 0;
  border-top: 1px solid var(--color-border);
  gap: .5rem;
  display: grid;
  list-style: none;
  margin: 0 0 1.25rem;
}
.select-gray-100 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}
.select-gray-100[hidden] {
  display: none;
}
.translate-quarter {
  color: var(--color-faint);
  min-width: 0;
}
.visible-black {
  opacity: .85;
  display: block;
  font-size: .8rem;
}
.whitespace-normal{white-space:nowrap;font-weight:600}
.static-between{color:var(--color-faint);margin:0 0 1.5rem;font-size:.85rem}
.gap-24{width:100%}
@media(max-width:860px){.self-screen .row-gray-100{grid-template-columns:minmax(0,1fr)}.self-screen .translate-1{position:static}}
@media(max-width:480px){
.whitespace-light,.translate-1 {
  padding: 1.35rem;
}
.inset-bold{font-size:2rem}
}
.shadow-cover {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.basis-normal .shadow-cover{margin-inline:auto;text-align:center}
.tracking-xl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap: 2rem 3rem;
}
.px{margin:0}
.order{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}
.rounded-quarter{font-size:.85rem;color:var(--color-brand);flex-shrink:0;font-weight:700}
.place-full{color:var(--color-faint);margin:0}
.decoration-muted {
  color: var(--color-primary-fg);
  background: var(--color-brand);
}
.justify {
  text-align: center;
  max-width: 46rem;
}
.top-secondary {
  font-size: .8rem;
  margin-bottom: .7rem;
  color: var(--color-eyebrow);
  letter-spacing: var(--tracking-overline);
  text-transform: var(--case-overline);
  display: block;
  font-weight: 700;
}
.decoration-muted .top-secondary,.decoration-muted .hidden-12{color:var(--color-primary-fg)}
.p-gray-500 .top-secondary{color:var(--color-brand-on-dark)}
.hidden-12 {
  margin-bottom: .9rem;
}
.items-medium {
  opacity: .9;
  margin: 0 auto 2rem;
  max-width: 36rem;
}
.visible-1{margin:0 0 .5rem;font-size:.85rem;opacity:.8;letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.mt-wide {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: inherit;
  font-family: var(--font-display);
  font-weight: var(--font-weight-title);
  font-size: clamp(1.9rem,5vw,3.25rem);
  line-height: 1.1;
}
.mt-wide:hover{opacity:.85;color:inherit}
.absolute-5{flex:none;width:clamp(2.75rem,6vw,3.75rem);display:grid;height:clamp(2.75rem,6vw,3.75rem);border-radius:50%;place-items:center;background:var(--color-brand);color:var(--color-primary-fg)}
.decoration-muted .absolute-5{color:var(--color-brand);background:var(--color-primary-fg)}
.absolute-5 svg{width:45%;height:45%}
.container-gray-100 {
  white-space: nowrap;
}
.top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 2rem;
  margin-top: 2rem;
}
.block-5{text-underline-offset:.25em;color:inherit;text-decoration:underline;font-weight:600}
.decoration-muted .block-5:hover {
  color: inherit;
}
.decoration-muted .pt-20.list-2xl:hover {
  color: var(--color-body);
  background: var(--color-canvas);
}
@media (max-width:480px){.container-gray-100 {
  white-space: normal;
}}
.min-h-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:3rem;align-items:end;margin-bottom:3rem}
.my-bottom{max-width:18ch;margin:0;overflow-wrap:anywhere}
.rounded-gray-500{margin:0}
.pt-xs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
  margin: 0;
}
.select-lg{border-radius:0 0 var(--radius-sm) var(--radius-sm);min-width:0;padding:2rem 1.5rem;border-top:3px solid var(--color-brand);background:var(--color-raised)}
.ease-dark{color:var(--color-faint);font-size:.85rem}
.top-start {
  height: 2.8rem;
  display: grid;
  color: var(--color-brand);
  border-radius: 50%;
  background: var(--color-canvas);
  font-size: 1.5rem;
  width: 2.8rem;
  margin-bottom: 1.5rem;
  place-items: center;
}
.top-start svg{height:1.3rem;width:1.3rem}
.order-16{overflow-wrap:anywhere;margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem)}
.align-gray-100 {
  text-decoration: underline;
  color: var(--color-body);
  text-underline-offset: .25em;
}
.align-gray-100:hover {
  color: var(--color-brand);
}
.align-gray-100[href^="mailto:"]{font-size:min(1em,1.05rem)}
.leading-8 {
  font-style: normal;
}
.align-gray-100:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}
@media(max-width:760px){.min-h-wide,.pt-xs {
  grid-template-columns: minmax(0,1fr);
}.min-h-wide {
  margin-bottom: 2rem;
  gap: 1rem;
}.select-lg{padding:1.5rem}.top-start{margin-bottom:1rem}}
.w-1{display:grid;border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:3rem;background:var(--color-raised);border-top:3px solid var(--color-brand);min-width:0;padding:clamp(1.5rem,3vw,2.5rem);gap:1.25rem}
.hidden-relaxed{margin:0;overflow-wrap:anywhere}
.not-sr {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
}
.visible-xs{min-width:0;display:grid;gap:.35rem}
.z-primary{grid-column:1/-1}
.fixed-dark{font-size:.85rem;color:var(--color-faint)}
.decoration-24 {
  width: 100%;
  min-width: 0;
  padding: .75rem .9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-canvas);
  color: var(--color-body);
  font: inherit;
}
.decoration-24:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}
.py-max {
  resize: vertical;
}
.absolute-x{justify-self:start;overflow-wrap:anywhere;max-width:100%}
@media(max-width:760px){
.w-1 {
  margin-top: 2rem;
  padding: 1.25rem;
}
.not-sr {
  grid-template-columns: minmax(0,1fr);
}
}
.order-16+.ease-dark{margin-top:1.25rem}
.sr-12{background:var(--color-raised);overflow-wrap:anywhere}
.max-w-y{max-width:56rem;background:var(--color-canvas);border:1px solid var(--color-border);border-top:3px solid var(--color-brand);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,4vw,3.5rem)}
.items {
  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-border);
  font-size: .85rem;
}
.visible-y{color:var(--color-faint);min-width:0}
.delay-white {
  text-align: right;
  margin: 0;
  min-width: 0;
  color: var(--color-body);
}
.rotate-black{margin-inline:auto;max-width:66ch}
.ring-start {
  white-space: pre-line;
  margin: 0 0 2.5rem;
  line-height: 1.8;
  font-size: 1.1rem;
}
.sticky-16 {
  margin-top: 2.25rem;
}
.my-cover {
  scroll-margin-top: 8rem;
  line-height: 1.35;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
  margin: 0 0 .9rem;
}
.m-tight{color:var(--color-body);text-decoration:underline;text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:.25em}
.m-tight:hover{color:var(--color-brand);text-decoration-color:currentColor}
.m-tight:focus-visible,.my-cover:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 5px;
}
.col-third{font-size:1rem;line-height:1.85;white-space:pre-line;margin:0 0 1rem}
.col-third:last-child {
  margin-bottom: 0;
}
@media(max-width:480px){.max-w-y{padding:1.25rem 1rem}.items{flex-direction:column;gap:.3rem;margin-bottom:1.75rem}.delay-white{text-align:left}.ring-start{font-size:1.05rem;margin-bottom:1.75rem}.sticky-16{margin-top:1.75rem}.col-third{line-height:1.75}}
.static {
  max-width: 46rem;
}
.visible-wrap {
  color: var(--color-faint);
  font-size: .85rem;
}
.leading-3 {
  font-size: 1.05rem;
}
.translate-gray-100{margin-top:2rem}
.border-x {
  font-size: 1.3rem;
}
.col-md{color:var(--color-body)}
.rotate-1 {
  background: var(--color-canvas);
  overflow-wrap: anywhere;
  padding-block: calc(var(--spacing-y) * .85);
}
.pb{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.block-20 {
  font-weight: 600;
  text-transform: var(--case-overline);
  max-width: 75%;
  letter-spacing: var(--tracking-overline);
  color: var(--color-brand);
  font-size: .8rem;
}
.break-20 {
  background: var(--color-border);
  flex: 1;
  height: 1px;
}
.list-screen .break-20{height:3px;background:var(--color-brand)}
.translate-secondary {
  max-width: 24ch;
  font-size: calc(var(--text-2xl) * 1.2);
  line-height: 1.1;
  margin: 0;
  padding-bottom: 1.8rem;
}
.w-white {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--color-border);
  padding-top: 1.3rem;
}
.block {
  max-width: 24rem;
  font-weight: 600;
  color: var(--color-faint);
  font-size: .8rem;
}
.container-bottom{grid-template-columns:minmax(0,1fr)}
.my-scroll {
  font-size: 1.1rem;
  line-height: 1.7;
  color: var(--color-faint);
  max-width: 42rem;
  margin: 0;
}
@media (max-width:640px){.translate-secondary{font-size:var(--text-2xl)}.w-white{grid-template-columns:1fr;gap:1rem}.block {
  display: none;
}.my-scroll {
  font-size: 1rem;
}}
.bg-12{overflow-wrap:anywhere}
.content-top{max-width:72rem}
.grow-24 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.opacity-2xl {
  border-left: 3px solid var(--color-brand);
  margin: 0;
  padding-left: 1rem;
}
.mx{font-size:.8rem;color:var(--color-faint);margin-bottom:.35rem}
.border-square {
  color: var(--color-body);
  margin: 0;
  font-weight: 600;
  font-size: .95rem;
}
.scale-quarter{line-height:1.65;white-space:pre-line;min-width:0;font-size:clamp(1.1rem,1.6vw,1.3rem);margin:0}
.content-white{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-border);padding-block:2rem}
.content-white:last-child {
  border-bottom: 1px solid var(--color-border);
}
.truncate-0{line-height:1;font-size:2.7rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-brand);font-weight:var(--font-weight-title)}
.flex-gray-500 {
  line-height: 1.4;
  margin: 0;
  font-size: clamp(1.1rem,1.6vw,1.35rem);
  min-width: 0;
  scroll-margin-top: 8rem;
}
.sr-white {
  color: var(--color-body);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .25em;
}
.sr-white:hover{color:var(--color-brand);text-decoration-color:currentColor}
.sr-white:focus-visible,.flex-gray-500:focus{outline:2px solid var(--color-brand);outline-offset:5px}
.scale-xl{max-width:65ch;min-width:0}
.relative-white{white-space:pre-line;margin:0 0 1rem;line-height:1.8;font-size:1rem}
.relative-white:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.grow-24 {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
  padding-bottom: 2rem;
}
.content-white{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.25rem}
.truncate-0 {
  font-size: 2rem;
}
.scale-xl{grid-column:2}
.flex-gray-500{align-self:center}
}
@media(max-width:480px){.content-white{padding-block:1.5rem;gap:1rem}.scale-xl {
  grid-column: 1/-1;
}.truncate-0 {
  font-size: 1.8rem;
}}
.content-around{overflow-wrap:anywhere}
.pt-wrap{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.px-snug {
  position: sticky;
  top: 7rem;
  min-width: 0;
  padding-top: .35rem;
}
.clearfix-md {
  margin: 0 0 1.75rem;
  border-bottom: 2px solid var(--color-brand);
  padding: 0 0 1.5rem;
}
.grid-end{margin-bottom:.4rem;font-size:.75rem;letter-spacing:.05em;color:var(--color-faint)}
.cursor{font-weight:600;margin:0;color:var(--color-body);font-size:.95rem}
.truncate{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.mb-pointer {
  min-width: 0;
}
.whitespace-fit{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.65rem;align-items:baseline;padding:.55rem .2rem;color:var(--color-body);font-size:.85rem;line-height:1.45;border-bottom:1px solid var(--color-border)}
.whitespace-fit:hover{color:var(--color-brand);text-underline-offset:.2em;text-decoration:underline}
.whitespace-fit:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
}
.min-h-2xl{color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:.72rem}
.mb-xs{min-width:0}
.opacity-sm {
  line-height: 1.7;
  white-space: pre-line;
  margin: 0 0 2.5rem;
  font-size: clamp(1.1rem,1.5vw,1.25rem);
}
.font-white{padding-block:1.8rem;border-top:1px solid var(--color-border)}
.font-white:last-child {
  padding-bottom: 0;
}
.m {
  margin: 0 0 1rem;
  line-height: 1.35;
  scroll-margin-top: 8rem;
  font-size: clamp(1.15rem,1.6vw,1.45rem);
}
.m:focus{outline:2px solid var(--color-brand);outline-offset:5px}
.ml-2xl{line-height:1.8;font-size:1rem;margin:0 0 1rem;white-space:pre-line}
.ml-2xl:last-child{margin-bottom:0}
@media(max-width:780px){.pt-wrap {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}.px-snug {
  position: static;
  padding: 1.25rem;
  background: var(--color-raised);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
}.clearfix-md{margin-bottom:1rem;padding-bottom:1rem}.truncate{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}.opacity-sm{margin-bottom:1.75rem}}
@media(max-width:480px){.truncate{grid-template-columns:minmax(0,1fr)}.font-white {
  padding-block: 1.5rem;
}}
.list-12 {
  background: var(--color-raised);
  padding-block: 2rem calc(var(--spacing-y) * .65);
}
.shrink-full{display:inline-block;margin-bottom:2rem;padding-block:.5rem;font-size:.85rem}
.rounded-between {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  gap: clamp(2rem,4vw,4rem);
  align-items: center;
}
.h-white {
  min-width: 0;
  padding-block: 1.5rem;
}
.flex-xs {
  font-size: clamp(2rem,3.8vw,3.8rem);
  max-width: 19ch;
  overflow-wrap: anywhere;
}
.z-gray-500 {
  max-width: 42ch;
}
.opacity-start{display:flex;gap:1rem;align-items:center;padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--color-border)}
.mx-20{font-size:.8rem;place-items:center;color:var(--color-primary-fg);flex-shrink:0;display:grid;border-radius:50%;background:var(--color-brand);width:2.8rem;height:2.8rem}
.sticky-auto{min-width:0}
.h-2xl {
  overflow-wrap: anywhere;
  font-weight: 600;
  font-size: .9rem;
}
.decoration-20 {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  font-size: .75rem;
  color: var(--color-faint);
  margin: .3rem 0 0;
}
.leading{margin:0;min-width:0}
.w {
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: var(--radius-sm);
  width: 100%;
}
.leading:not(:has(.w)) {
  display: none;
}
.rounded-between:not(:has(.w)){grid-template-columns:minmax(0,1fr)}
.rounded-between:not(:has(.w)) .flex-xs {
  max-width: 25ch;
}
@media(max-width:760px){.rounded-between{grid-template-columns:minmax(0,1fr);gap:1.5rem}.h-white {
  padding: 0;
}.w {
  aspect-ratio: 16/10;
}.shrink-full {
  margin-bottom: 1.5rem;
}.opacity-start {
  margin-top: 1.5rem;
}}
.items-2xl {
  padding-top: calc(var(--spacing-y) * .45);
}
.truncate-bold{max-width:68rem;min-width:0}
.py-relaxed {
  border-top: 1px solid var(--color-border);
  padding-block: 2.75rem;
}
.basis-none {
  padding-top: 1.5rem;
  border-top: 3px solid var(--color-body);
}
.space-2xl{line-height:1.3;max-width:28ch;font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:1.4rem;overflow-wrap:anywhere}
.basis-none .space-2xl {
  font-size: clamp(1.9rem,3.6vw,3rem);
  letter-spacing: -.025em;
  max-width: 24ch;
}
.ease-between{min-width:0}
.rounded-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.34fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.sticky-none {
  line-height: 1.85;
  max-width: 68ch;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 1.0625rem;
}
.grid-left {
  margin: 0 0 1.3em;
}
.grid-left:last-child {
  margin-bottom: 0;
}
.order-5 {
  color: var(--color-body);
  font-family: var(--font-display);
  line-height: 1.65;
  font-size: 1.3em;
  margin-bottom: 1.4em;
}
.left-scroll {
  border-top: 2px solid var(--color-brand);
  list-style: disc;
  font-size: .95rem;
  line-height: 1.65;
  margin: .4rem 0 0;
  overflow-wrap: anywhere;
  padding: 1.15rem 0 0 1.15rem;
}
.left-20 {
  margin-bottom: .9rem;
  padding-left: .25rem;
}
.left-20::marker {
  color: var(--color-brand);
}
.left-20:last-child{margin-bottom:0}
.mx-max {
  padding-block: 1.6rem;
  max-width: 68ch;
  border-block: 1px solid var(--color-body);
}
.mb-auto{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;margin:0;overflow-wrap:anywhere}
@media(max-width:800px){.rounded-primary{grid-template-columns:minmax(0,1fr);gap:1.5rem}.left-scroll{padding:1.25rem 1.25rem 1.25rem 2.5rem;background:var(--color-raised);max-width:68ch}.sticky-none{font-size:1rem}.py-relaxed {
  padding-block: 2rem;
}}
.content-tight{margin-bottom:1.5rem}
.inset-end {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mx-circle {
  margin-bottom: .75rem;
  border-radius: var(--radius-sm);
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%;
}
.inset-white{color:var(--color-faint);font-size:.8rem}
.leading-lg{margin:.25rem 0;font-size:1.1rem}
.justify-white {
  color: var(--color-body);
}
.justify-white:hover {
  color: var(--color-brand);
}
.left-none{font-size:.95rem;color:var(--color-faint);margin:0}