:root {
  --radius-default: 0px;
  --color-eyebrow: hsl(44,31%,38%);
  --color-fg: hsl(45,11%,14%);
  --tracking-title: 0;
  --color-dark-surface: hsl(44,23%,16%);
  --spacing-section: 5.8rem;
  --container-max: 1078px;
  --color-secondary: hsl(14,31%,51%);
  --color-brand-subtle: hsl(43,21%,78%);
  --color-on-dark: hsl(30,10%,96%);
  --radius-button: 0px;
  --color-on-brand: hsl(0,0%,100%);
  --tracking-label: .12em;
  --color-brand-inverse: hsl(43,31%,50%);
  --color-on-accent: hsl(0,0%,100%);
  --font-weight-btn: 600;
  --color-muted: hsl(44,7%,42%);
  --tracking-cta: 0;
  --color-background: hsl(40,30%,96%);
  --radius-large: 0px;
  --color-night: hsl(43,25%,14%);
  --color-primary-strong: hsl(44,36%,26%);
  --leading-tight: 1.15;
  --font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --case-label: uppercase;
  --color-key: hsl(44,31%,38%);
  --shadow-strong: 0 12px 40px rgba(0,0,0,.14);
  --color-stroke: hsl(47,15%,88%);
  --text-h3: 1.25rem;
  --text-h2: clamp(1.6rem, 3vw, 2.25rem);
  --font-weight-heading: 700;
  --text-body: 1.0625rem;
  --color-raised: hsl(0,0%,100%);
  --color-dark-fg-muted: hsl(44,10%,70%);
  --text-h1: clamp(2rem, 4.5vw, 3.25rem);
  --font-display: 'Playfair Display', 'Palatino Linotype', Palatino, Georgia, serif;
  --shadow-sm: 0 2px 12px rgba(0,0,0,.08);
  --case-btn: none;
  --leading-normal: 1.6;
}
*,*::before,*::after {
  box-sizing: border-box;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-text);font-size:var(--text-body);margin:0;line-height:var(--leading-normal);overflow-wrap:anywhere;background:var(--color-background);color:var(--color-fg)}
img,svg,video {
  max-width: 100%;
  display: block;
  height: auto;
}
h1,h2,h3,h4 {
  hyphens: manual;
  color: var(--color-fg);
  letter-spacing: var(--tracking-title);
  font-family: var(--font-display);
  font-weight: var(--font-weight-heading);
  line-height: var(--leading-tight);
  margin: 0 0 .6em;
}
h1{font-size:var(--text-h1)}
h2 {
  font-size: var(--text-h2);
}
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{color:var(--color-key);text-decoration:none}
@media (min-width:481px){a[href^="tel:"]{white-space:nowrap}}
a:hover{color:var(--color-primary-strong)}
ul,ol{padding-left:1.25em;margin:0 0 1em}
button,input,textarea,select {
  font: inherit;
  color: inherit;
}
::selection {
  background: var(--color-brand-subtle);
  color: var(--color-fg);
}
.justify-muted{width:min(100% - 2.5rem,var(--container-max));margin-inline:auto}
.px-max {
  width: min(100% - 2.5rem,48rem);
}
.h-xl {
  padding-block: var(--spacing-section);
}
.tracking-third{background:var(--color-raised)}
.ml-circle {
  background: var(--color-night);
  color: var(--color-on-dark);
}
.ml-circle h1,.ml-circle h2,.ml-circle h3,.ml-circle h4 {
  color: inherit;
}
.ml-circle a{color:var(--color-brand-inverse)}
.ml-circle .sticky-decimal,.ml-circle .not-sr-12 {
  color: var(--color-dark-fg-muted);
}
.ml-circle .sticky-1{color:var(--color-brand-inverse)}
.pt {
  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-brand);
  font-weight: var(--font-weight-btn);
  text-transform: var(--case-btn);
  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;
}
.pt:hover {
  color: var(--color-on-brand);
  background: var(--color-primary-strong);
}
.pt:active{transform:translateY(1px)}
.grow-fit {
  color: var(--color-key);
  background: transparent;
  border-color: currentColor;
}
.grow-fit:hover {
  color: var(--color-on-brand);
  background: var(--color-key);
  border-color: var(--color-key);
}
.delay{background:var(--color-secondary);color:var(--color-on-accent)}
.delay:hover{color:var(--color-on-accent);filter:brightness(.92);background:var(--color-secondary)}
.max-w-bold {
  color: var(--color-night);
  background: var(--color-on-dark);
}
.max-w-bold:hover{background:hsl(0,0%,100%);color:var(--color-night)}
.gap-col {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.p-right {
  font-size: 1.05rem;
  padding: 1rem 2rem;
}
.ml-circle .pt:not(.grow-fit):not(.delay):not(.max-w-bold) {
  color: var(--color-night);
  background: var(--color-brand-inverse);
}
.ml-circle .pt:not(.grow-fit):not(.delay):not(.max-w-bold):hover {
  color: var(--color-night);
  background: var(--color-on-dark);
}
.ml-circle .grow-fit{border-color:var(--color-dark-fg-muted);color:var(--color-on-dark)}
.ml-circle .grow-fit:hover{color:var(--color-night);border-color:var(--color-on-dark);background:var(--color-on-dark)}
.place-3{gap:1.5rem;display:grid}
.col-circle{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.flex-3 {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.object-pointer {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.fixed-black {
  grid-template-columns: repeat(2,1fr);
}
.min-h-pointer{grid-template-columns:repeat(3,1fr)}
.delay-start{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){
.delay-start {
  grid-template-columns: repeat(2,1fr);
}
.min-h-pointer{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.fixed-black,.min-h-pointer,.delay-start{grid-template-columns:1fr}
}
.clearfix-min {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.clearfix-min>* {
  min-width: 0;
}
.clearfix-min.fixed-black>* {
  flex: 0 0 calc((100% - 1.5rem)/2);
}
.clearfix-min.min-h-pointer>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.clearfix-min.delay-start>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){
.clearfix-min.min-h-pointer>*,.clearfix-min.delay-start>*{flex-basis:calc((100% - 1.5rem)/2)}
}
@media (max-width:560px){.clearfix-min.fixed-black>*,.clearfix-min.min-h-pointer>*,.clearfix-min.delay-start>*{flex-basis:100%}}
.sticky-decimal{font-size:1.15rem;color:var(--color-muted)}
.sticky-1 {
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-label);
  font-size: .8rem;
  display: inline-block;
  margin-bottom: .75rem;
  font-weight: 700;
  color: var(--color-eyebrow);
}
.not-sr-12{color:var(--color-muted)}
.sticky-md {
  text-align: center;
}
.transition-bottom{margin:-1px;border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;width:1px;position:absolute}
@media (max-width:640px){.h-xl{padding-block:calc(var(--spacing-section) * .7)}}
.h-circle {
  background: var(--color-background);
  z-index: 20;
  position: relative;
}
.fixed-normal {
  border-bottom: 1px solid var(--color-stroke);
}
.hidden-2{display:grid;grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);min-height:5.5rem;align-items:center}
.delay-1{position:relative;grid-column:2;display:inline-flex;grid-row:1;justify-self:center;max-width:100%;z-index:1}
.order-visible {
  height: auto;
  max-height: 2.5rem;
  width: auto;
}
.skew-3{display:grid;grid-row:1;grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);align-items:center;grid-column:1/-1}
.overflow-normal{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;list-style:none;margin:0;padding:0}
.leading-disc {
  justify-content: flex-end;
  grid-column: 1;
}
.items{justify-content:flex-start;grid-column:3}
.inset-center {
  font-weight: 500;
  font-size: .95rem;
  letter-spacing: .02em;
  color: var(--color-fg);
}
.inset-center:hover,.skew {
  color: var(--color-key);
}
.grid-snug {
  padding-bottom: .1rem;
  font-weight: 700;
  border-bottom: 2px solid var(--color-key);
}
.m {
  display: none;
}
.m:focus-visible + .flex-end{outline:2px solid var(--color-key);outline-offset:4px}
.flex-end {
  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;
}
.list-medium {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-fg);
  border-radius: 2px;
}
@media (max-width:1020px){.hidden-2 {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  min-height: 4.5rem;
}.m{display:block}.flex-end {
  display: flex;
}.skew-3{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.25rem;background:var(--color-background);border-bottom:1px solid var(--color-stroke);box-shadow:var(--shadow-sm)}.m:checked ~ .skew-3 {
  display: flex;
}.overflow-normal {
  flex-direction: column;
  align-items: flex-start;
  gap: .75rem;
}}
.max-w-normal{padding-top:clamp(2.5rem,6vw,4rem)}
.text-bold{background:var(--color-night);color:var(--color-on-dark)}
.my-full{border-top:1px solid var(--color-stroke);background:var(--color-raised)}
.opacity-sm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;padding-bottom:clamp(2rem,5vw,3rem);border-bottom:1px solid var(--color-stroke)}
.text-bold .opacity-sm {
  border-color: rgba(255,255,255,.14);
}
.col{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-heading);margin:0;line-height:1.2;max-width:40rem;font-family:var(--font-display)}
.clearfix-between{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:2rem clamp(2rem,5vw,4rem);padding-block:clamp(2rem,5vw,3rem)}
.transition-right{margin-bottom:1rem;display:inline-flex}
.p-xl {
  max-height: 2.25rem;
  width: auto;
  height: auto;
}
.place-left {
  max-width: 26rem;
  opacity: .8;
}
.truncate-top{display:flex;flex-direction:column;gap:.3rem;margin:0}
.text-quarter{color:inherit;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;opacity:.7}
.fixed-row {
  display: grid;
  margin: 0;
  list-style: none;
  padding: 0;
  gap: .55rem;
}
.text-max {
  color: inherit;
}
.text-max:hover{color:var(--color-key)}
.text-bold .text-max:hover {
  color: var(--color-brand-inverse);
}
.grid-right {
  padding-block: 1.25rem;
  border-top: 1px solid var(--color-stroke);
  opacity: .75;
  font-size: .85rem;
}
.text-bold .grid-right{border-color:rgba(255,255,255,.14)}
@media (max-width:760px){.clearfix-between {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}.rotate-light{grid-column:1/-1}}
@media (max-width:460px){
.clearfix-between{grid-template-columns:minmax(0,1fr)}
}
.shrink {
  position: fixed;
  z-index: 50;
  inset-inline: 1rem;
  bottom: 1rem;
  max-width: 76rem;
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(8rem,.8fr) minmax(0,2fr) minmax(15rem,1.2fr);
  align-items: center;
  gap: 1.4rem;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.05rem 1.35rem;
  background: var(--color-background);
  color: var(--color-fg);
  border: 1px solid var(--color-stroke);
  border-inline-start: 4px solid var(--color-key);
  box-shadow: var(--shadow-sm);
  font-size: .9rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.shrink[hidden]{display:none}
.font-black {
  border-inline-end: 1px solid var(--color-stroke);
  padding-inline-end: 1.2rem;
  min-width: 0;
}
.min-h-10{line-height:1.3;font-weight:var(--font-weight-heading);font-family:var(--font-display);font-size:1rem;margin:0 0 .35rem}
.place{font-size:.82rem;text-decoration:underline;display:inline-block;max-width:100%;color:var(--color-key);text-underline-offset:.18em}
.place:hover{color:var(--color-primary-strong)}
.absolute-quarter{margin:0;min-width:0}
.grid-disc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;min-width:0}
.border-auto {
  min-width: 0;
  min-height: 44px;
  padding: .7rem .75rem;
  background: var(--color-raised);
  color: var(--color-fg);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-button);
  font-weight: var(--font-weight-btn);
  font-size: .88rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.border-auto:hover{border-color:var(--color-key);background:var(--color-key);color:var(--color-on-brand)}
.border-auto:focus-visible,.place:focus-visible{outline:3px solid var(--color-key);outline-offset:3px}
@media(max-width:900px){
.shrink {
  grid-template-columns: minmax(0,1fr) minmax(14rem,1fr);
  gap: 1rem;
}
.font-black {
  grid-column: 1/-1;
  border-inline-end: 0;
  padding-inline-end: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.min-h-10{margin:0}
}
@media(max-width:560px){.shrink {
  inset-inline: .5rem;
  bottom: .5rem;
  grid-template-columns: minmax(0,1fr);
  gap: .55rem;
  padding: .75rem .85rem;
  font-size: .84rem;
  line-height: 1.4;
}.font-black{flex-wrap:wrap;gap:.15rem .8rem}.min-h-10 {
  font-size: .92rem;
}.border-auto {
  padding: .5rem .6rem;
  min-height: 40px;
}}
.mt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2.5rem;align-items:start}
.decoration-2 .mt {
  max-width: 48rem;
  grid-template-columns: minmax(0,1fr);
}
.shadow-dark{margin:0;min-width:0;overflow-wrap:anywhere}
.rounded-medium {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  min-width: 0;
}
.grid-24 {
  gap: .35rem;
  display: grid;
  min-width: 0;
}
.shadow-pointer {
  grid-column: 1/-1;
}
.flex-disc{font-weight:600;font-size:.9rem}
.whitespace {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-default);
  background: var(--color-background);
}
.whitespace:focus{outline:2px solid var(--color-key);outline-offset:1px}
.static-left {
  resize: vertical;
}
.fixed-muted {
  overflow-wrap: anywhere;
  justify-self: start;
  max-width: 100%;
}
@media (max-width:860px){.mt{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){
.rounded-medium {
  grid-template-columns: minmax(0,1fr);
}
}
.basis-start {
  background: var(--color-background);
  padding-block: calc(var(--spacing-section) * 1.2);
}
.text-normal {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.sticky-screen .truncate-col {
  order: 2;
}
.sticky-screen .left-2xl {
  order: 1;
}
.border-quarter {
  margin-bottom: 1rem;
}
.inset-0{max-width:34rem}
.shrink-xl {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.left-2xl {
  margin: 0;
}
.select-xl{border-radius:var(--radius-large);object-fit:cover;aspect-ratio:4/3;width:100%;box-shadow:var(--shadow-sm)}
@media (max-width:860px){.text-normal{grid-template-columns:1fr;gap:2rem}.sticky-screen .truncate-col,.sticky-screen .left-2xl{order:0}}
.scale-2{overflow-wrap:anywhere}
.object-right{max-width:24ch;margin-bottom:2rem}
.static-medium {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}
.rounded-secondary {
  background: var(--color-raised);
  border-top: 4px solid var(--color-key);
  padding: clamp(1.25rem, 3vw, 2.5rem);
}
.row-decimal {
  margin: 1.5rem 0;
  color: var(--color-muted);
  font-size: .9rem;
}
.visible-12{margin:0;padding:0;list-style:none}
.hidden-gray-900 {
  display: grid;
  grid-template-columns: minmax(4rem, max-content) minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1.75rem 0;
  border-top: 1px solid var(--color-stroke);
}
.mb-dark {
  font-family: var(--font-display);
  line-height: 1;
  white-space: nowrap;
  overflow-wrap: normal;
  color: var(--color-key);
  font-size: 3rem;
}
.my-quarter p {
  margin-bottom: 0;
}
@media (max-width: 700px){
.static-medium {
  grid-template-columns: minmax(0, 1fr);
}
.hidden-gray-900 {
  grid-template-columns: minmax(2.5rem, max-content) minmax(0, 1fr);
  gap: 1rem;
}
.mb-dark {
  font-size: 2rem;
}
}
.overflow-secondary{margin-bottom:2.5rem;max-width:40rem}
.list-x{counter-reset:none;list-style:none;display:grid;margin:0;padding:0;gap:2rem}
.duration-xs .list-x,.skew-black .list-x {
  grid-template-columns: repeat(3,1fr);
}
.scale-fit.duration-xs .list-x,.scale-fit.skew-black .list-x{grid-template-columns:repeat(2,1fr)}
.whitespace-bottom.duration-xs .list-x,.whitespace-bottom.skew-black .list-x {
  grid-template-columns: repeat(4,1fr);
}
.select-left.duration-xs .list-x,.select-left.skew-black .list-x {
  grid-template-columns: repeat(5,1fr);
  gap: 1.5rem;
}
.skew-black .list-x {
  gap: 2rem 3rem;
}
.skew-black .text-start:nth-child(even){margin-top:2.5rem}
.sticky-xl .list-x{max-width:44rem;gap:0}
.sticky-xl .text-start{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding-bottom:2rem;position:relative}
.sticky-xl .text-start::before {
  left: 1.375rem;
  top: 3rem;
  content: "";
  width: 2px;
  bottom: 0;
  position: absolute;
  background: var(--color-stroke);
}
.sticky-xl .text-start:last-child::before{display:none}
.content-snug.sticky-xl .text-start::before {
  background: rgba(255,255,255,.18);
}
.list{font-weight:700;justify-content:center;align-items:center;display:inline-flex;margin-bottom:1rem;font-family:var(--font-display)}
.fixed-y .list {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--color-key);
  color: var(--color-on-brand);
  font-size: 1.1rem;
}
.z-center .list {
  color: var(--color-key);
  opacity: .9;
  line-height: 1;
  font-size: 3rem;
}
.content-snug.z-center .list{color:var(--color-brand-inverse)}
.justify-center .list{width:2.75rem;height:2.75rem;border-radius:var(--radius-default);border:2px solid var(--color-key);color:var(--color-key);font-size:1.1rem}
.content-snug.justify-center .list{border-color:var(--color-brand-inverse);color:var(--color-brand-inverse)}
.basis-third {
  margin-bottom: .35rem;
  font-size: 1.1rem;
}
.not-sr-wrap {
  color: var(--color-muted);
  font-size: .95rem;
  margin: 0;
}
.content-snug .not-sr-wrap{color:var(--color-dark-fg-muted)}
@media (max-width:900px){
.duration-xs .list-x,.skew-black .list-x,.whitespace-bottom.duration-xs .list-x,.whitespace-bottom.skew-black .list-x,.select-left.duration-xs .list-x,.select-left.skew-black .list-x{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.duration-xs .list-x,.skew-black .list-x,.scale-fit.duration-xs .list-x,.whitespace-bottom.duration-xs .list-x,.select-left.duration-xs .list-x,.scale-fit.skew-black .list-x,.whitespace-bottom.skew-black .list-x,.select-left.skew-black .list-x{grid-template-columns:1fr}.skew-black .text-start:nth-child(even) {
  margin-top: 0;
}}
.top-sm {
  overflow-wrap: anywhere;
}
.min-h-x {
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 44rem;
}
.cursor-4 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.relative-wide{padding:clamp(1.25rem, 3.5vw, 3rem);border:1px solid var(--color-stroke);border-radius:var(--radius-default)}
.relative-wide:nth-child(2) {
  background: var(--color-raised);
}
.top-screen{font-size:clamp(1.35rem, 2.5vw, 2rem);border-bottom:3px solid var(--color-key);padding-bottom:1.5rem}
.pb-wide{margin:0}
.z{padding:1rem 0}
.z dt{font-size:.8rem;margin-bottom:.5rem;color:var(--color-muted)}
.z dd{margin:0}
.origin-6 {
  text-align: center;
  max-width: 65ch;
  margin: 2rem auto 0;
  font-size: .9rem;
  color: var(--color-muted);
}
@media (max-width: 640px){.cursor-4 {
  grid-template-columns: minmax(0, 1fr);
}}
.clearfix-decimal {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.rounded-light .clearfix-decimal {
  margin-inline: auto;
  text-align: center;
}
.flex-normal {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap: 2rem 3rem;
}
.truncate-screen{margin:0}
.justify-1{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}
.leading-cover{flex-shrink:0;font-weight:700;color:var(--color-key);font-size:.85rem}
.cursor-end{color:var(--color-muted);margin:0}
.px-hidden {
  background: var(--color-raised);
  border-top: 4px solid var(--color-key);
  overflow-wrap: anywhere;
  padding-block: calc(var(--spacing-section) * .75);
}
.delay-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem 3rem;align-items:center}
.origin-end,.leading-1 {
  min-width: 0;
}
.bg-x {
  color: var(--color-key);
}
.self-md {
  max-width: 22ch;
  margin: 0;
}
.inset-gray-100{margin-bottom:1.2rem;max-width:36rem;color:var(--color-muted)}
.list-24 {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.top {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem 1.5rem;
  border-top: 1px solid var(--color-stroke);
  padding-top: 1.3rem;
  min-width: 0;
}
.transition-primary {
  color: var(--color-fg);
  font-weight: 600;
  max-width: 24rem;
  font-size: .85rem;
}
.sticky-top {
  display: flex;
  align-items: center;
  gap: .6rem;
  max-width: 100%;
  min-width: 0;
  font-size: .88rem;
  color: var(--color-key);
}
.sticky-top:hover {
  text-underline-offset: .3em;
  text-decoration: underline;
}
.font-scroll {
  width: 1.1rem;
  display: block;
  height: 1.1rem;
  flex: none;
}
.font-scroll svg {
  width: 1.1rem;
  height: 1.1rem;
}
@media (max-width:680px){
.delay-col{grid-template-columns:1fr;gap:1.4rem}
.self-md {
  max-width: 28ch;
}
.top {
  flex-direction: column;
  align-items: flex-start;
  gap: .8rem;
}
.transition-primary {
  max-width: 100%;
}
}
.hidden-24 {
  overflow-wrap: anywhere;
  padding-block: calc(var(--spacing-section) * .85);
  background: var(--color-background);
}
.mt-end {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.space-8 {
  color: var(--color-key);
  letter-spacing: var(--tracking-label);
  font-weight: 600;
  font-size: .8rem;
  text-transform: var(--case-label);
  max-width: 75%;
}
.py-gray-500{background:var(--color-stroke);height:1px;flex:1}
.w .py-gray-500{height:3px;background:var(--color-key)}
.self-disc{max-width:24ch;padding-bottom:1.8rem;line-height:1.1;font-size:calc(var(--text-h1) * 1.2);margin:0}
.sr-10{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}
.max-w-primary{color:var(--color-muted);max-width:24rem;font-weight:600;font-size:.8rem}
.cursor{grid-template-columns:minmax(0,1fr)}
.duration-wrap {
  max-width: 42rem;
  color: var(--color-muted);
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.7;
}
@media (max-width:640px){
.self-disc {
  font-size: var(--text-h1);
}
.sr-10{grid-template-columns:1fr;gap:1rem}
.max-w-primary{display:none}
.duration-wrap{font-size:1rem}
}
.text-fit{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.object-20 .items-decimal {
  order: 2;
}
.items-decimal {
  margin: 0;
}
.shrink-half{border-radius:var(--radius-large);width:100%;object-fit:cover;aspect-ratio:9/8}
.mr-min {
  color: var(--color-muted);
}
.row-screen{font-weight:600}
@media (max-width:860px){.text-fit{grid-template-columns:1fr;gap:1.5rem}.object-20 .items-decimal{order:0}}
.block-1{margin-bottom:2.5rem}
.place-5 {
  margin: 0;
  list-style: none;
  padding: 0;
}
.self-quarter{grid-template-columns:minmax(0,1fr);margin-inline:auto;max-width:36rem}
.overflow{display:flex;flex-direction:column;padding:1.75rem;background:var(--color-raised);border-radius:var(--radius-large);border:1px solid var(--color-stroke);transition:transform .2s,box-shadow .2s}
.overflow:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.mb-16{color:var(--color-key);margin-bottom:1rem}
.mb-16 svg {
  width: 2rem;
  height: 2rem;
}