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