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