:root{--color-main:#242f4c;--color-primary-alt:#0f1524;--color-primary-tint:#8693b6;--color-brand-on-dark:#7386bb;--color-primary-fg:#ffffff;--color-accent:#69d043;--color-accent-fg:#242938;--color-bg:#fcfcfd;--color-panel:#f3f4f7;--color-body:#242938;--color-muted:#5a5f6c;--color-line:#dee1e7;--color-dark-bg:#151b2d;--color-dark-surface:#202637;--color-on-dark:#f4f4f6;--color-inverse-muted:#abafba;--radius-default:3px;--radius-large:6px;--radius-btn:3px;--case-button:none;--tracking-button:0;--font-weight-btn:600;--font-display:'Roboto Slab', Rockwell, 'Courier New', Georgia, serif;--font-text:'Roboto', Roboto, system-ui, 'Segoe UI', sans-serif;--text-display:clamp(1.8rem, 3.4vw, 2.5rem);--text-title:clamp(1.4rem, 2.4vw, 1.9rem);--text-subtitle:1.15rem;--font-weight-title:700;--tracking-display:0;--leading-snug:1.25;--case-overline:uppercase;--tracking-eyebrow:.12em;--color-tagline:#242f4c;--text-text:1rem;--leading-relaxed:1.5;--container-page:1046px;--spacing-y:4.9rem;--shadow-1:0 2px 12px rgba(0,0,0,.08);--shadow-2:0 24px 60px rgba(0,0,0,.12)}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  color: var(--color-body);
  font-family: var(--font-text);
  background: var(--color-bg);
  overflow-wrap: anywhere;
  margin: 0;
  line-height: var(--leading-relaxed);
  font-size: var(--text-text);
}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{letter-spacing:var(--tracking-display);margin:0 0 .6em;font-weight:var(--font-weight-title);font-family:var(--font-display);hyphens:manual;color:var(--color-body);line-height:var(--leading-snug)}
h1{font-size:var(--text-display)}
h2{font-size:var(--text-title)}
h3 {
  font-size: var(--text-subtitle);
  line-height: 1.3;
}
h4 {
  line-height: 1.35;
  font-size: 1.05rem;
}
p {
  margin: 0 0 1em;
}
a{color:var(--color-main);text-decoration:none}
@media (min-width:481px){
a[href^="tel:"] {
  white-space: nowrap;
}
}
a:hover {
  color: var(--color-primary-alt);
}
ul,ol{margin:0 0 1em;padding-left:1.25em}
button,input,textarea,select{color:inherit;font:inherit}
::selection {
  background: var(--color-primary-tint);
  color: var(--color-body);
}
.skew-none{width:min(100% - 2.5rem,var(--container-page));margin-inline:auto}
.break-bottom {
  width: min(100% - 2.5rem,48rem);
}
.container-top{padding-block:var(--spacing-y)}
.justify-dark {
  background: var(--color-panel);
}
.shadow-md {
  color: var(--color-on-dark);
  background: var(--color-dark-bg);
}
.shadow-md h1,.shadow-md h2,.shadow-md h3,.shadow-md h4 {
  color: inherit;
}
.shadow-md a {
  color: var(--color-brand-on-dark);
}
.shadow-md .decoration-normal,.shadow-md .place-24{color:var(--color-inverse-muted)}
.shadow-md .self-col{color:var(--color-brand-on-dark)}
.grow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-btn);
  background: var(--color-main);
  color: var(--color-primary-fg);
  font-weight: var(--font-weight-btn);
  text-transform: var(--case-button);
  letter-spacing: var(--tracking-button);
  line-height: 1.25;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s,color .2s,border-color .2s,transform .2s;
}
.grow:hover{background:var(--color-primary-alt);color:var(--color-primary-fg)}
.grow:active{transform:translateY(1px)}
.border-quarter{border-color:currentColor;color:var(--color-main);background:transparent}
.border-quarter:hover{color:var(--color-primary-fg);background:var(--color-main);border-color:var(--color-main)}
.delay-24 {
  color: var(--color-accent-fg);
  background: var(--color-accent);
}
.delay-24:hover{filter:brightness(.92);color:var(--color-accent-fg);background:var(--color-accent)}
.font-col {
  background: var(--color-on-dark);
  color: var(--color-dark-bg);
}
.font-col:hover{color:var(--color-dark-bg);background:#fff}
.truncate-auto {
  padding: .55rem 1.1rem;
  font-size: .9rem;
}
.grid-square{padding:1rem 2rem;font-size:1.05rem}
.shadow-md .grow:not(.border-quarter):not(.delay-24):not(.font-col) {
  color: var(--color-dark-bg);
  background: var(--color-brand-on-dark);
}
.shadow-md .grow:not(.border-quarter):not(.delay-24):not(.font-col):hover {
  color: var(--color-dark-bg);
  background: var(--color-on-dark);
}
.shadow-md .border-quarter {
  border-color: var(--color-inverse-muted);
  color: var(--color-on-dark);
}
.shadow-md .border-quarter:hover {
  background: var(--color-on-dark);
  color: var(--color-dark-bg);
  border-color: var(--color-on-dark);
}
.ring-3 {
  gap: 1.5rem;
  display: grid;
}
.clearfix {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.duration-20 {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.ease {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.scale-16{grid-template-columns:repeat(2,1fr)}
.divide-16 {
  grid-template-columns: repeat(3,1fr);
}
.self-pointer{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.self-pointer{grid-template-columns:repeat(2,1fr)}.divide-16 {
  grid-template-columns: repeat(2,1fr);
}}
@media (max-width:560px){
.scale-16,.divide-16,.self-pointer{grid-template-columns:1fr}
}
.items-2{justify-content:center;display:flex;flex-wrap:wrap}
.items-2>*{min-width:0}
.items-2.scale-16>*{flex:0 0 calc((100% - 1.5rem)/2)}
.items-2.divide-16>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.items-2.self-pointer>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){
.items-2.divide-16>*,.items-2.self-pointer>*{flex-basis:calc((100% - 1.5rem)/2)}
}
@media (max-width:560px){
.items-2.scale-16>*,.items-2.divide-16>*,.items-2.self-pointer>* {
  flex-basis: 100%;
}
}
.decoration-normal {
  font-size: 1.15rem;
  color: var(--color-muted);
}
.self-col {
  display: inline-block;
  text-transform: var(--case-overline);
  font-size: .8rem;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-tagline);
  margin-bottom: .75rem;
  font-weight: 700;
}
.place-24 {
  color: var(--color-muted);
}
.font-gray-500{text-align:center}
.block-6 {
  clip: rect(0 0 0 0);
  border: 0;
  overflow: hidden;
  margin: -1px;
  height: 1px;
  position: absolute;
  padding: 0;
  width: 1px;
}
@media (max-width:640px){.container-top {
  padding-block: calc(var(--spacing-y) * .7);
}}
.content-normal{top:0;z-index:20;padding:.75rem 0;position:sticky}
.tracking-gray-900{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.5rem .55rem .5rem 1.4rem;border:1px solid var(--color-line);border-radius:999px;box-shadow:var(--shadow-1)}
.divide-half .tracking-gray-900{background:var(--color-panel)}
.font-decimal .tracking-gray-900{background:var(--color-bg)}
.order .tracking-gray-900 {
  border-color: transparent;
  color: var(--color-on-dark);
  background: var(--color-dark-bg);
}
.list-auto{display:inline-flex;min-width:0}
.overflow-cover{height:auto;width:auto;max-height:2rem}
.border-circle{display:flex;align-items:center;gap:1rem}
.m-max {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.whitespace-quarter {
  padding: .5rem .95rem;
  border-radius: 999px;
  color: inherit;
  font-weight: 500;
  display: block;
  font-size: .95rem;
}
.whitespace-quarter:hover,.content-xs {
  background: var(--color-primary-tint);
  color: var(--color-body);
}
.order .whitespace-quarter:hover,.order .content-xs{color:var(--color-on-dark);background:rgba(255,255,255,.12)}
.p-0{align-items:center;white-space:nowrap;display:inline-flex;font-weight:600;background:var(--color-main);border-radius:999px;color:var(--color-primary-fg);padding:.65rem 1.3rem}
.p-0:hover {
  color: var(--color-primary-fg);
  background: var(--color-primary-alt);
}
.order .p-0 {
  color: var(--color-dark-bg);
  background: var(--color-brand-on-dark);
}
.justify-medium{display:none}
.justify-medium:focus-visible + .transition-between {
  outline: 2px solid var(--color-main);
  outline-offset: 4px;
}
.transition-between {
  display: none;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 44px;
  min-height: 44px;
  padding: .5rem;
  cursor: pointer;
}
.space-6{background:currentColor;width:24px;border-radius:2px;height:2px;display:block}
@media (max-width:900px){
.tracking-gray-900{padding-inline:1.1rem .5rem;border-radius:1.75rem}
.justify-medium {
  display: block;
}
.transition-between{display:flex}
.border-circle {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + .5rem);
  flex-direction: column;
  align-items: stretch;
  gap: .75rem;
  padding: 1rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-2);
  background: var(--color-bg);
}
.divide-half .border-circle {
  background: var(--color-panel);
}
.order .border-circle{background:var(--color-dark-bg);border-color:transparent}
.justify-medium:checked ~ .border-circle {
  display: flex;
}
.m-max {
  flex-direction: column;
}
.p-0{justify-content:center}
}
.order-sm{padding-top:clamp(2.5rem,6vw,4rem)}
.left-hidden{color:var(--color-on-dark);background:var(--color-dark-bg)}
.text-circle{background:var(--color-panel);border-top:1px solid var(--color-line)}
.justify-bold {
  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-line);
}
.left-hidden .justify-bold{border-color:rgba(255,255,255,.14)}
.translate-pointer{line-height:1.2;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);margin:0;font-weight:var(--font-weight-title);max-width:40rem}
.order-top {
  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);
}
.object-third {
  display: inline-flex;
  margin-bottom: 1rem;
}
.max-w-5 {
  height: auto;
  width: auto;
  max-height: 2.25rem;
}
.place-sm {
  opacity: .8;
  max-width: 26rem;
}
.top-circle{display:flex;flex-direction:column;gap:.3rem;margin:0}
.grid-12{text-transform:uppercase;color:inherit;font-size:.78rem;opacity:.7;margin-bottom:1rem;letter-spacing:.12em}
.h-pointer{display:grid;list-style:none;padding:0;gap:.55rem;margin:0}
.basis-max{color:inherit}
.basis-max:hover {
  color: var(--color-main);
}
.left-hidden .basis-max:hover{color:var(--color-brand-on-dark)}
.h-around{opacity:.75;padding-block:1.25rem;font-size:.85rem;border-top:1px solid var(--color-line)}
.left-hidden .h-around{border-color:rgba(255,255,255,.14)}
@media (max-width:760px){
.order-top {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.border-fit{grid-column:1/-1}
}
@media (max-width:460px){.order-top {
  grid-template-columns: minmax(0,1fr);
}}
.h{position:fixed;z-index:50;inset-inline-end:1rem;bottom:1rem;width:min(24rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;padding:1.35rem;background:var(--color-panel);color:var(--color-body);border:1px solid var(--color-line);border-top:3px solid var(--color-main);border-radius:var(--radius-default);box-shadow:var(--shadow-1);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.h[hidden] {
  display: none;
}
.fixed-full{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-title);margin:0 0 .7rem;line-height:1.25;font-size:1.18rem}
.justify-quarter {
  margin: 0 0 .9rem;
}
.justify-xs {
  max-width: 100%;
  display: inline-block;
  color: var(--color-main);
  font-weight: 600;
  text-underline-offset: .2em;
  text-decoration: underline;
}
.justify-xs:hover{color:var(--color-primary-alt)}
.static-wide {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .65rem;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}
.basis-xs{min-width:0;min-height:44px;padding:.65rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-bg);color:var(--color-body);font-weight:var(--font-weight-btn);font-size:.9rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.basis-xs:hover{color:var(--color-primary-fg);border-color:var(--color-main);background:var(--color-main)}
.basis-xs:focus-visible,.justify-xs:focus-visible {
  outline: 3px solid var(--color-main);
  outline-offset: 3px;
}
@media(max-width:560px){
.h {
  padding: .85rem .95rem;
  font-size: .84rem;
  line-height: 1.4;
  bottom: .5rem;
  width: calc(100% - 1rem);
  inset-inline-end: .5rem;
}
.fixed-full{margin-bottom:.35rem;font-size:1rem}
.justify-quarter {
  margin-bottom: .5rem;
}
.static-wide {
  margin-top: .6rem;
  padding-top: .6rem;
  gap: .5rem;
}
.basis-xs {
  padding: .5rem .4rem;
  min-height: 40px;
}
}
.absolute-8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2.5rem;align-items:start}
.max-w-decimal .absolute-8{grid-template-columns:minmax(0,1fr);max-width:48rem}
.sr-wide {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.delay-light {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  min-width: 0;
}
.cursor-xl{display:grid;gap:.35rem;min-width:0}
.overflow-muted {
  grid-column: 1/-1;
}
.clearfix-white{font-size:.9rem;font-weight:600}
.absolute-16 {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-default);
  background: var(--color-bg);
}
.absolute-16:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 1px;
}
.col-scroll {
  resize: vertical;
}
.static-gray-900{justify-self:start;overflow-wrap:anywhere;max-width:100%}
@media (max-width:860px){.absolute-8{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.delay-light{grid-template-columns:minmax(0,1fr)}}
.shrink-wide{color:var(--color-on-dark);isolation:isolate;display:flex;align-items:center;min-height:min(78vh,44rem);position:relative;padding-block:calc(var(--spacing-y) * 1.4);overflow:hidden}
.translate-12 {
  min-height: min(92vh,54rem);
}
.gap-primary {
  width: 100%;
  inset: 0;
  object-fit: cover;
  z-index: -2;
  position: absolute;
  height: 100%;
}
.relative-1 {
  z-index: -1;
  inset: 0;
  position: absolute;
}
.p-screen .relative-1 {
  background: rgba(8,10,14,.58);
}
.items-0 .relative-1 {
  background: var(--color-main);
  opacity: .86;
}
.self-4 .relative-1{background:linear-gradient(100deg,rgba(6,8,12,.86) 0%,rgba(6,8,12,.55) 55%,rgba(6,8,12,.2) 100%)}
.self-3.self-4 .relative-1 {
  background: rgba(8,10,14,.6);
}
.static-secondary {
  width: min(100% - 2.5rem,var(--container-page));
}
.hidden-secondary {
  max-width: 38rem;
}
.self-3 .static-secondary{text-align:center}
.self-3 .hidden-secondary {
  max-width: 44rem;
  margin-inline: auto;
}
.ring {
  font-weight: 700;
  opacity: .9;
  letter-spacing: var(--tracking-eyebrow);
  margin-bottom: 1rem;
  font-size: .8rem;
  display: inline-block;
  text-transform: var(--case-overline);
}
.items-0 .ring {
  color: var(--color-primary-fg);
}
.border-between{color:inherit;margin-bottom:1rem}
.items-0 .border-between,.items-0 .rotate-around{color:var(--color-primary-fg)}
.rotate-around {
  max-width: 34rem;
  font-size: 1.15rem;
  opacity: .9;
  margin-bottom: 1.75rem;
}
.self-3 .rotate-around{margin-inline:auto}
.container-full{display:flex;flex-wrap:wrap;gap:1rem}
.self-3 .container-full {
  justify-content: center;
}
.scale-gray-500{color:inherit;border-color:rgba(255,255,255,.7)}
.scale-gray-500:hover {
  border-color: #fff;
  color: var(--color-dark-bg);
  background: #fff;
}
@media (max-width:640px){.shrink-wide {
  padding-block: calc(var(--spacing-y) * 1.1);
  min-height: 0;
}}
.row-white {
  display: grid;
  gap: 2.5rem;
}
.scale-xs .row-white{grid-template-columns:minmax(16rem,1fr) 2fr;gap:3rem;align-items:start}
.clearfix-none {
  max-width: 40rem;
}
.scale-xs .clearfix-none{top:6rem;position:sticky}
.select {
  border-top: 1px solid var(--color-line);
  list-style: none;
  margin: 0;
  padding: 0;
}
.skew-0{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--color-line)}
.skew-0:not(:has(.max-w-contain)){grid-template-columns:minmax(0,1fr)}
.max-w-contain{min-width:2.5rem;color:var(--color-main);font-weight:700;font-family:var(--font-display);padding-top:.15rem;font-size:1.1rem}
.max-w {
  margin-bottom: .4rem;
}
.content-min{color:var(--color-muted);margin-bottom:.5rem}
.sr-relaxed {
  font-size: .9rem;
  margin: 0;
  font-weight: 500;
}
.sr-relaxed::before {
  content: "+ ";
  color: var(--color-main);
}
@media (max-width:860px){.scale-xs .row-white {
  grid-template-columns: 1fr;
}.scale-xs .clearfix-none {
  position: static;
}}
.clearfix-wide {
  overflow-wrap: anywhere;
}
.bg-max>*{min-width:0}
.m-muted {
  max-width: 24ch;
}
.inline-gray-900{color:var(--color-muted)}
.origin-scroll{max-width:100%;white-space:normal;text-align:center}
.px-medium {
  margin-bottom: 2.5rem;
}
.m-muted{max-width:28ch}
.bg-max{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.mb-fit {
  grid-template-columns: 1rem minmax(0,1fr);
  margin: 0;
  column-gap: 1rem;
  display: grid;
}
.decoration-16{width:100%;grid-column:2;object-fit:cover;border-radius:var(--radius-large);aspect-ratio:4/5}
.list-gray-900{border-top:1px solid var(--color-line);margin-top:1rem;padding-top:.8rem;grid-column:2;font-size:.85rem;color:var(--color-muted)}
.mb-fit::before {
  content: '';
  grid-column: 1;
  background: var(--color-main);
  border-radius: var(--radius-default);
  grid-row: 1;
}
.text-left {
  margin: 2rem 0;
  padding: 0;
  list-style: none;
}
.ring-2 {
  padding: 1.2rem 0 1.2rem 3rem;
  position: relative;
  border-top: 1px solid var(--color-line);
}
.max-w-y {
  position: absolute;
  left: 0;
  top: 1.2rem;
  border: 1px solid var(--color-line);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  font-size: .8rem;
  color: var(--color-main);
}
.overflow-scroll {
  font-size: 1.15rem;
}
.inline-gray-900 {
  margin: 0;
}
.origin-scroll {
  font-weight: 700;
  display: inline-flex;
  gap: 1.5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid currentColor;
}
.origin-scroll span {
  line-height: 1;
  font-size: 1.5rem;
}
@media(max-width:760px){
.bg-max {
  grid-template-columns: 1fr;
}
.decoration-16{aspect-ratio:4/3}
.mb-fit{column-gap:.6rem;grid-template-columns:.5rem minmax(0,1fr)}
}
.static-8 {
  max-width: 46rem;
}
.mb-screen .static-8 {
  margin-right: auto;
  margin-left: auto;
}
.mb-screen .mr-row {
  text-align: center;
}
.mr-row {
  margin-bottom: 1.5rem;
}
.container-hidden{line-height:1.7;margin:0 0 1.1rem}
.rounded-cover {
  font-size: 1.15rem;
  margin: 1.75rem 0 .75rem;
}
.skew-start {
  gap: .5rem;
  display: grid;
  padding-left: 1.25rem;
  margin: 0;
}
.mr-quarter::marker {
  color: var(--color-main);
}
.absolute-20 {
  overflow-wrap: anywhere;
}
.relative-wide>* {
  min-width: 0;
}
.mt-20 {
  max-width: 24ch;
}
.content-col{color:var(--color-muted)}
.decoration-wrap{max-width:100%;white-space:normal;text-align:center}
.static-lg {
  margin: 0 auto 3rem;
  max-width: 48rem;
  text-align: center;
}
.mt-20{margin-inline:auto}
.w-lg {
  padding: 0;
  position: relative;
  list-style: none;
  margin: 0;
}
.w-lg::before{left:50%;content:'';top:1.5rem;position:absolute;border-left:1px solid var(--color-line);bottom:1.5rem}
.sr-16{position:relative;padding-bottom:2rem}
.sr-16:last-child{padding-bottom:0}
.z-tight {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--color-bg);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-main);
  color: var(--color-primary-fg);
  font-size: .85rem;
  font-weight: 700;
}
.max-w-black{width:calc(50% - 3rem);padding:clamp(1.4rem,2.8vw,2.4rem);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-bg)}
.sr-16:nth-child(even) .max-w-black{color:var(--color-on-dark);margin-left:auto;background:var(--color-dark-bg);border-color:var(--color-dark-bg)}
.justify{font-size:clamp(1.2rem,2.2vw,1.75rem)}
.sr-16:nth-child(even) .justify{color:var(--color-on-dark)}
.sr-16:nth-child(even) .content-col{color:var(--color-inverse-muted)}
.content-col {
  margin-bottom: 1.5rem;
}
.opacity{margin:0;padding-top:1rem;gap:.5rem;display:grid;border-top:1px solid var(--color-line);font-size:.9rem}
.opacity strong {
  font-size: .75rem;
  letter-spacing: .04em;
}
.sr-16:nth-child(even) .opacity {
  border-color: var(--color-dark-surface);
}
@media(max-width:760px){
.static-lg{text-align:left}
.mt-20{margin-left:0}
.w-lg::before{left:1rem}
.z-tight {
  height: 2rem;
  width: 2rem;
  font-size: .65rem;
  border-width: 3px;
  left: 1rem;
  top: 1.3rem;
}
.max-w-black,.sr-16:nth-child(even) .max-w-black{width:calc(100% - 3rem);margin-left:3rem}
.sr-16 {
  padding-bottom: 1rem;
}
}
.select-max{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem;align-items:start}
.ml-xs {
  background: var(--color-main);
  border-radius: var(--radius-large);
  padding: clamp(1.5rem,3.5vw,3rem);
  color: var(--color-primary-fg);
}
.cursor{display:grid;place-items:center;border:1px solid currentColor;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.2rem;margin-bottom:2rem}
.z-md {
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  overflow-wrap: anywhere;
  color: inherit;
}
.z-left{font-size:.95rem;margin:0}
.font{display:grid;gap:.75rem}
.space-light{border:1px solid var(--color-line);border-radius:var(--radius-default);background:var(--color-bg);min-width:0}
.gap-white {
  position: relative;
  display: grid;
  grid-template-columns: 1.5rem minmax(0,1fr);
  gap: .75rem;
  padding: 1.25rem 3rem 1.25rem 1.25rem;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.gap-white::-webkit-details-marker{display:none}
.gap-white::after{font-size:1.4rem;font-weight:400;right:1.25rem;content:'+';position:absolute;top:1.05rem;color:var(--color-main)}
.space-light[open] .gap-white::after{content:'−'}
.gap-white:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 3px;
}
.scale{font-size:.75rem;color:var(--color-muted);padding-top:.2rem}
.left-half {
  color: var(--color-muted);
  margin: 0;
  padding: 0 1.25rem 1.5rem 3.5rem;
}
@media(max-width:760px){
.select-max{grid-template-columns:minmax(0,1fr)}
.cursor{margin-bottom:1rem}
.left-half {
  padding-left: 1.25rem;
}
}
.rounded {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.inline-circle {
  min-width: 0;
}
.object-0{overflow-wrap:anywhere;max-width:22ch;margin:0}
.basis-auto {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: .9rem;
  padding-block: .5rem;
  flex-shrink: 0;
}
.row-y{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem}
.pt{min-width:0;overflow:hidden;border-radius:var(--radius-default);background:var(--color-panel)}
.px-5{width:100%;object-fit:cover;aspect-ratio:16/9}
.absolute-bottom {
  padding: 1.5rem 2rem 2rem;
}
.container-8{font-size:.75rem;margin-bottom:.7rem;color:var(--color-muted)}
.transition-20{overflow-wrap:anywhere;font-size:1.3rem}
.content-10 {
  color: var(--color-body);
}
.content-10:hover{color:var(--color-main)}
.w-pointer{font-size:.95rem;margin:0;color:var(--color-muted)}
.container-fit{padding:0;margin:0;border-top:1px solid var(--color-line);list-style:none}
.h-top {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: 1rem;
  padding-block: 1.7rem;
  border-bottom: 1px solid var(--color-line);
}
.origin-3 {
  color: var(--color-main);
  font-variant-numeric: tabular-nums;
  font-size: .8rem;
}
@media(max-width:760px){.rounded{align-items:start;flex-direction:column;gap:1rem}.row-y {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}.absolute-bottom{padding:1.5rem}.basis-auto {
  flex-shrink: 1;
}}
.list-cover{background:var(--color-bg);color:var(--color-body);padding-block:var(--spacing-y);overflow-wrap:anywhere}
.items{border-top:1px solid var(--color-line);padding-top:1.7rem}
.pt-cover {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 2rem;
  align-items: start;
  margin-bottom: 2rem;
}
.px-half{max-width:26rem;color:var(--color-main)}
.fixed-2 {
  margin: 0;
  color: var(--color-muted);
  max-width: 36rem;
  font-size: .95rem;
}
.cursor-visible{font-size:calc(var(--text-title) * 1.45);line-height:1.12;max-width:23ch;margin-bottom:1.6rem}
.object-screen .cursor-visible{margin-left:12%}
.shrink-gray-500{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem 0 1.2rem;border-bottom:2px solid var(--color-main);font-weight:600;font-size:clamp(1.1rem,2.8vw,1.8rem);line-height:1.35;color:var(--color-main)}
.shrink-gray-500:hover {
  color: var(--color-primary-alt);
  text-underline-offset: .3em;
  text-decoration: underline;
}
.hidden-12 {
  line-height: 1;
  flex: none;
  font-size: 2.5rem;
}
@media (max-width:640px){
.pt-cover {
  grid-template-columns: 1fr;
  gap: .6rem;
  margin-bottom: 1.5rem;
}
.cursor-visible{font-size:calc(var(--text-title) * 1.15)}
.object-screen .cursor-visible{margin-left:0}
.shrink-gray-500 {
  gap: 1rem;
}
.hidden-12 {
  font-size: 1.8rem;
}
}
.not-sr {
  isolation: isolate;
  padding-block: calc(var(--spacing-y) * .9);
  display: flex;
  min-height: 18rem;
  color: var(--color-on-dark);
  overflow: hidden;
  position: relative;
  align-items: center;
}
.skew {
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.pt-10{position:absolute;z-index:-1;inset:0}
.overflow-half .pt-10 {
  background: linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7));
}
.mx-fit .pt-10{opacity:.88;background:var(--color-main)}
.mx-fit{color:var(--color-primary-fg)}
.flex-sm{width:min(100% - 2.5rem,var(--container-page))}
.pt-wrap .flex-sm {
  text-align: center;
}
.ml-row{opacity:.85;font-size:.85rem;margin-bottom:.75rem}
.pb-10 {
  color: inherit;
}
.pb-10:hover{color:inherit;text-decoration:underline}
.mb-cover {
  margin: 0 .5rem;
}
.select-screen{opacity:.8}
.py-sm{margin-bottom:.5rem;color:inherit}
.hidden-min {
  max-width: 40rem;
  opacity: .9;
  font-size: 1.1rem;
  margin: 0;
}
.pt-wrap .hidden-min{margin-inline:auto}
.max-w-min{display:grid;grid-template-columns:2fr 3fr;gap:3rem}
.col-gray-900{border-left:4px solid var(--color-main);background:var(--color-panel);margin:2rem 0 0;padding:1.5rem 1.75rem;border-radius:0 var(--radius-default) var(--radius-default) 0}
.rounded-screen {
  font-size: 1.2rem;
  margin-bottom: .5rem;
  font-family: var(--font-display);
}
.tracking {
  color: var(--color-muted);
  font-style: normal;
  font-size: .9rem;
}
@media (max-width:860px){.max-w-min {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.inset-lg {
  margin-bottom: 2rem;
}
.self-5{list-style:none;padding:0;margin:0}
.shadow-full {
  border-radius: 0 0 var(--radius-default) var(--radius-default);
  padding: 1.5rem;
  border-top: 3px solid var(--color-main);
  background: var(--color-panel);
}
.absolute-x{display:block;line-height:1;margin-bottom:.75rem;font-family:var(--font-display);font-size:2rem;color:var(--color-primary-tint)}
.place-gray-100 {
  margin: 0;
  color: var(--color-muted);
}
.divide-circle {
  overflow-wrap: anywhere;
}
.skew-contain{max-width:50rem}
.pt-0 {
  font-size: clamp(1.65rem,3.2vw,2.7rem);
  margin-bottom: 1.7rem;
}
.duration-0{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;border-block:1px solid var(--color-line);padding:1.3rem 0;margin-bottom:2rem}
.rotate {
  color: var(--color-muted);
  min-width: 0;
  font-size: 1.05rem;
  margin: 0;
  flex: 1;
  font-family: var(--font-display);
}
.content-disc{gap:1.5rem;display:flex;min-width:0;margin:0}
.content-disc>div {
  min-width: 0;
}
.content-disc dt {
  color: var(--color-muted);
  margin-bottom: .3rem;
  font-size: .76rem;
}
.content-disc dd {
  font-size: 1.7rem;
  font-family: var(--font-display);
  letter-spacing: -.04em;
  line-height: 1.1;
  margin: 0;
}
.absolute{list-style:none;margin:0;padding:0}
.content-hidden{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.3rem;position:relative;padding-bottom:2rem}
.content-hidden:not(:last-child)::before {
  position: absolute;
  content: "";
  border-left: 1px solid var(--color-line);
  bottom: 0;
  left: 1.25rem;
  top: 2.5rem;
}
.content-hidden:last-child {
  padding-bottom: 0;
}
.shrink {
  display: grid;
  place-items: center;
  align-self: start;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--color-line);
  border-radius: 50%;
  font-size: .8rem;
  color: var(--color-main);
  font-variant-numeric: tabular-nums;
}
.visible-secondary {
  padding-top: .35rem;
  min-width: 0;
}
.mt-black{font-size:1.2rem;margin-bottom:.45rem;line-height:1.4}
.col-sm{line-height:1.8;color:var(--color-muted);margin:0}
@media(max-width:520px){.duration-0{align-items:start;flex-direction:column;gap:1rem}.content-disc {
  gap: 2rem;
}.content-hidden{grid-template-columns:2rem minmax(0,1fr);gap:1rem}.shrink {
  width: 2rem;
  height: 2rem;
}.content-hidden:not(:last-child)::before{left:1rem;top:2rem}.visible-secondary{padding-top:.15rem}}
.py-visible {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.6fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 3rem;
}
.origin-y {
  margin: 0;
  max-width: 20ch;
  overflow-wrap: anywhere;
}
.text-hidden {
  margin: 0;
}
.whitespace-none{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:3rem;border-top:1px solid var(--color-line);padding-block:2.5rem;margin:0}
.whitespace-none:last-child {
  border-bottom: 1px solid var(--color-line);
}
.duration-tight {
  min-width: 0;
}
.divide-fit{font-variant-numeric:tabular-nums;display:block;color:var(--color-main);margin-bottom:1.5rem;font-size:.8rem}
.rounded-pointer {
  overflow-wrap: anywhere;
  display: block;
  font-size: .95rem;
}
.w-relaxed{display:block;font-size:.85rem;margin-top:.25rem;color:var(--color-muted)}
.min-h-min {
  margin: 0;
}
.overflow-0{margin:0;line-height:1.5;overflow-wrap:anywhere;font-size:clamp(1.3rem,2.5vw,2rem);font-family:var(--font-display)}
@media(max-width:700px){
.py-visible {
  grid-template-columns: minmax(0,1fr);
  gap: 1rem;
}
.whitespace-none{grid-template-columns:minmax(0,1fr);gap:1.25rem}
.divide-fit{margin-bottom:.5rem}
}
.grow-screen{overflow-wrap:anywhere}
.truncate-normal>*{min-width:0}
.whitespace-third {
  max-width: 24ch;
}
.hidden-end {
  color: var(--color-muted);
}
.divide-visible {
  text-align: center;
  max-width: 100%;
  white-space: normal;
}
.truncate-normal{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.gap-md{position:relative;min-height:25rem;padding:clamp(1.8rem,4vw,3.5rem);border-radius:var(--radius-large);display:flex;justify-content:center;flex-direction:column;background:var(--color-dark-bg);color:var(--color-on-dark)}
.border-4 {
  margin-bottom: 1.2rem;
  color: var(--color-inverse-muted);
  font-size: .85rem;
}
.m {
  display: block;
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.07em;
  line-height: 1;
  color: var(--color-brand-on-dark);
  font-size: clamp(3.5rem,9vw,7.5rem);
}
.tracking-third{font-size:1.2rem;margin:1.5rem 0 3rem;max-width:24ch}
.inline-auto {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  color: var(--color-brand-on-dark);
  width: 2rem;
}
.hidden-end {
  line-height: 1.8;
}
.origin-max {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin: 2rem 0 0;
  gap: 1.5rem;
}
.origin-max div {
  border-top: 1px solid var(--color-line);
  padding-top: 1rem;
  min-width: 0;
}
.origin-max dt {
  color: var(--color-muted);
  font-size: .85rem;
}
.origin-max dd {
  margin: .6rem 0 0;
  font-size: 2.5rem;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.1;
}
.ml-center {
  grid-column: 1/-1;
}
.ml-center dd{font-size:1.5rem}
@media(max-width:760px){
.truncate-normal{grid-template-columns:1fr}
.gap-md{min-height:18rem}
.m {
  font-size: clamp(3.5rem,17vw,7rem);
}
.tracking-third{margin-bottom:1.5rem}
}
.inline-auto svg {
  width: 100%;
  height: auto;
}
.place-medium .truncate-normal{grid-template-columns:minmax(0,1fr);max-width:52rem}
.my{overflow-wrap:anywhere}
.max-w-col>* {
  min-width: 0;
}
.ml-dark{max-width:24ch}
.static-min {
  color: var(--color-muted);
}
.tracking-max {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.overflow-xs {
  max-width: 48rem;
  margin-bottom: 2.5rem;
}
.static-md{padding:0;list-style:none;margin:0;gap:1rem;display:grid}
.truncate-col {
  display: grid;
  grid-template-columns: minmax(7rem,max-content) minmax(0,1fr) 3rem;
  gap: 2rem;
  align-items: center;
  padding: clamp(1.5rem,3vw,2.8rem);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-large);
  background: var(--color-bg);
}
.truncate-col:nth-child(even) {
  background: var(--color-dark-bg);
  grid-template-columns: 3rem minmax(0,1fr) minmax(7rem,max-content);
  color: var(--color-on-dark);
}
.place-quarter{line-height:1;font-family:var(--font-display);letter-spacing:-.06em;white-space:nowrap;color:var(--color-main);font-size:clamp(3rem,7vw,6rem);overflow-wrap:normal}
.truncate-col:nth-child(even) .place-quarter{text-align:right;grid-column:3;grid-row:1;color:var(--color-brand-on-dark)}
.truncate-col:nth-child(even) .row-12{grid-row:1;grid-column:2}
.truncate-col:nth-child(even) .relative-5 {
  grid-column: 1;
  color: var(--color-brand-on-dark);
  grid-row: 1;
}
.truncate-col:nth-child(even) .break-normal {
  color: var(--color-on-dark);
}
.truncate-col:nth-child(even) .static-min{color:var(--color-inverse-muted)}
.break-normal {
  max-width: 30ch;
  font-size: clamp(1.3rem,2.5vw,2rem);
}
.static-min{margin:0;max-width:58ch}
.relative-5{color:var(--color-main);width:2rem}
.row-12 {
  min-width: 0;
}
.divide-gray-900{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.mr-16{color:var(--color-muted);margin:0;max-width:55ch}
@media(max-width:650px){.truncate-col,.truncate-col:nth-child(even) {
  grid-template-columns: minmax(3rem,max-content) minmax(0,1fr);
  gap: 1rem;
}.place-quarter{font-size:2.7rem}.relative-5 {
  display: none;
}.truncate-col:nth-child(even) .place-quarter{grid-column:1;text-align:left}.truncate-col:nth-child(even) .row-12{grid-column:2}.divide-gray-900 {
  flex-direction: column;
  align-items: flex-start;
}}
@media(max-width:360px){
.truncate-col,.truncate-col:nth-child(even) {
  grid-template-columns: 1fr;
}
.truncate-col:nth-child(even) .place-quarter,.truncate-col:nth-child(even) .row-12 {
  grid-column: auto;
  grid-row: auto;
}
}
.relative-5 svg{width:100%;height:auto}
.self-8 {
  overflow-wrap: anywhere;
}
.col-max {
  margin: 0 auto 2.5rem;
  max-width: 44rem;
  text-align: center;
}
.mr-dark{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem}