:root {
  --color-key: #a85dea;
  --color-brand-hover: #c590f4;
  --color-brand-subtle: #592e7f;
  --color-primary-inverse: #a85dea;
  --color-on-brand: #151018;
  --color-secondary: #d7de12;
  --color-accent-contrast: #151018;
  --color-base: #1c1721;
  --color-raised: #241f28;
  --color-body: #edeaf0;
  --color-dim: #bdb5c5;
  --color-stroke: #40354b;
  --color-night: #0d0b0e;
  --color-dark-surface: #1c1820;
  --color-on-dark: #f5f4f6;
  --color-inverse-muted: #b3abba;
  --radius-md: 6px;
  --radius-xl: 12px;
  --radius-btn: 6px;
  --case-cta: none;
  --tracking-btn: 0;
  --font-weight-cta: 600;
  --font-display: 'Manrope', system-ui, 'Segoe UI', sans-serif;
  --font-copy: 'Manrope', system-ui, 'Segoe UI', sans-serif;
  --text-h1: clamp(2rem, 4.5vw, 3.25rem);
  --text-h2: clamp(1.6rem, 3vw, 2.25rem);
  --text-h3: 1.25rem;
  --font-weight-title: 700;
  --tracking-display: -0.03em;
  --leading-snug: 1.15;
  --case-overline: uppercase;
  --tracking-eyebrow: .12em;
  --color-overline: #a85dea;
  --text-body: 1rem;
  --leading-relaxed: 1.6;
  --container-page: 1143px;
  --spacing-stack: 4.5rem;
  --shadow-soft: 0 2px 12px rgba(0,0,0,.08);
  --shadow-strong: 0 12px 40px rgba(0,0,0,.14);
}
*,*::before,*::after{box-sizing:border-box}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-copy);
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
  color: var(--color-body);
  background: var(--color-base);
}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-title);
  line-height: var(--leading-snug);
  margin: 0 0 .6em;
  color: var(--color-body);
  letter-spacing: var(--tracking-display);
  hyphens: manual;
}
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-brand-hover);
}
ul,ol {
  margin: 0 0 1em;
  padding-left: 1.25em;
}
button,input,textarea,select{font:inherit;color:inherit}
::selection {
  background: var(--color-brand-subtle);
  color: var(--color-body);
}
.translate-end {
  width: min(100% - 2.5rem,var(--container-page));
  margin-inline: auto;
}
.rounded{width:min(100% - 2.5rem,48rem)}
.rotate-min {
  padding-block: var(--spacing-stack);
}
.rounded-light{background:var(--color-raised)}
.shrink-medium {
  background: var(--color-night);
  color: var(--color-on-dark);
}
.shrink-medium h1,.shrink-medium h2,.shrink-medium h3,.shrink-medium h4 {
  color: inherit;
}
.shrink-medium a{color:var(--color-primary-inverse)}
.shrink-medium .inset-3,.shrink-medium .fixed-hidden {
  color: var(--color-inverse-muted);
}
.shrink-medium .select-10{color:var(--color-primary-inverse)}
.px-decimal{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-btn);background:var(--color-key);color:var(--color-on-brand);font-weight:var(--font-weight-cta);text-transform:var(--case-cta);letter-spacing:var(--tracking-btn);line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.px-decimal:hover{background:var(--color-brand-hover);color:var(--color-on-brand)}
.px-decimal:active{transform:translateY(1px)}
.min-h {
  background: transparent;
  color: var(--color-key);
  border-color: currentColor;
}
.min-h:hover{background:var(--color-key);color:var(--color-on-brand);border-color:var(--color-key)}
.basis-pointer{background:var(--color-secondary);color:var(--color-accent-contrast)}
.basis-pointer:hover {
  background: var(--color-secondary);
  color: var(--color-accent-contrast);
  filter: brightness(.92);
}
.rounded-min {
  background: var(--color-on-dark);
  color: var(--color-night);
}
.rounded-min:hover {
  background: #fff;
  color: var(--color-night);
}
.max-w-4 {
  padding: .55rem 1.1rem;
  font-size: .9rem;
}
.my-20{padding:1rem 2rem;font-size:1.05rem}
.shrink-medium .px-decimal:not(.min-h):not(.basis-pointer):not(.rounded-min){background:var(--color-primary-inverse);color:var(--color-night)}
.shrink-medium .px-decimal:not(.min-h):not(.basis-pointer):not(.rounded-min):hover {
  background: var(--color-on-dark);
  color: var(--color-night);
}
.shrink-medium .min-h {
  color: var(--color-on-dark);
  border-color: var(--color-inverse-muted);
}
.shrink-medium .min-h:hover {
  background: var(--color-on-dark);
  color: var(--color-night);
  border-color: var(--color-on-dark);
}
.divide {
  display: grid;
  gap: 1.5rem;
}
.p-max {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.decoration-between{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.select-scroll {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.origin-none{grid-template-columns:repeat(2,1fr)}
.inset-center{grid-template-columns:repeat(3,1fr)}
.rounded-normal{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){
.rounded-normal{grid-template-columns:repeat(2,1fr)}
.inset-center{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.origin-none,.inset-center,.rounded-normal {
  grid-template-columns: 1fr;
}}
.gap-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gap-cover>* {
  min-width: 0;
}
.gap-cover.origin-none>* {
  flex: 0 0 calc((100% - 1.5rem)/2);
}
.gap-cover.inset-center>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.gap-cover.rounded-normal>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){
.gap-cover.inset-center>*,.gap-cover.rounded-normal>*{flex-basis:calc((100% - 1.5rem)/2)}
}
@media (max-width:560px){
.gap-cover.origin-none>*,.gap-cover.inset-center>*,.gap-cover.rounded-normal>* {
  flex-basis: 100%;
}
}
.inset-3{font-size:1.15rem;color:var(--color-dim)}
.select-10{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:var(--case-overline);color:var(--color-overline);margin-bottom:.75rem}
.fixed-hidden {
  color: var(--color-dim);
}
.mt-xs {
  text-align: center;
}
.bg-scroll{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
@media (max-width:640px){.rotate-min {
  padding-block: calc(var(--spacing-stack) * .7);
}}
.ml-x {
  background: var(--color-base);
  position: relative;
  z-index: 20;
}
.max-w-contain{border-bottom:1px solid var(--color-stroke)}
.text-decimal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 5.5rem;
}
.p-6 {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}
.bg-around {
  height: auto;
  width: auto;
  max-height: 2.4rem;
}
.grow-6 {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bg-5{color:var(--color-body);font-size:.92rem;font-weight:500;letter-spacing:.01em;position:relative;padding:.25rem 0}
.mb-8 .bg-5{text-transform:uppercase;font-size:.78rem;letter-spacing:.1em}
.bg-5::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .25s}
.bg-5:hover::after,.origin-gray-900::after {
  right: 0;
}
.bg-5:hover{color:var(--color-body)}
.left-10 {
  margin-left: .5rem;
}
.rounded-end {
  color: var(--color-key);
  font-weight: 600;
  font-size: .92rem;
}
.hidden-bottom{display:inline-flex;padding:.55rem 1.1rem;border:1px solid var(--color-key);border-radius:var(--radius-btn);color:var(--color-key)}
.hidden-bottom:hover {
  background: var(--color-key);
  color: var(--color-on-brand);
}
.flex-20 {
  display: none;
}
.flex-20:focus-visible + .select-primary{outline:2px solid var(--color-key);outline-offset:4px}
.select-primary {
  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-stroke);
  border-radius: var(--radius-btn);
  cursor: pointer;
  font-size: .9rem;
}
@media (max-width:860px){
.flex-20 {
  display: block;
}
.text-decimal{gap:.75rem}
.select-primary {
  display: inline-flex;
}
.tracking-24 {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--color-base);
  border-bottom: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-soft);
  padding: 1.25rem;
}
.flex-20:checked ~ .tracking-24 {
  display: block;
}
.grow-6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.left-10 {
  margin-left: 0;
}
}
.p-circle {
  margin-top: auto;
  font-size: .95rem;
  text-align: center;
}
.duration-8 {
  background: var(--color-raised);
  border-top: 1px solid var(--color-stroke);
}
.scale-start{border-top:1px solid var(--color-stroke)}
.border-right {
  background: var(--color-night);
  color: var(--color-on-dark);
}
.row-end {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-block: var(--spacing-stack) calc(var(--spacing-stack) * .7);
}
.flex-row{height:2.25rem;width:auto}
.col-primary {
  max-width: 34rem;
  margin: 0;
  opacity: .8;
}
.row-xl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.break-16{color:inherit;opacity:.85}
.break-16:hover {
  opacity: 1;
  color: inherit;
  text-decoration: underline;
}
.border-right .break-16:hover {
  color: var(--color-primary-inverse);
}
.grow-third {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem 1.5rem;
  margin: 0;
  opacity: .85;
  font-size: .9rem;
}
.fixed-left{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}
.ml-start {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-key);
  color: var(--color-on-brand);
  font-size: .75rem;
  font-weight: 700;
}
.ml-start svg{width:1rem;height:1rem}
.divide-16 {
  border-top: 1px solid rgba(128,128,128,.25);
}
.max-w-between{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1rem;font-size:.85rem;opacity:.8}
.py-disc {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width:640px){.max-w-between{flex-direction:column;align-items:center}}
.my-3 {
  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-base);
  color: var(--color-body);
  border: 1px solid var(--color-stroke);
  border-inline-start: 4px solid var(--color-key);
  box-shadow: var(--shadow-soft);
  font-size: .9rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.my-3[hidden]{display:none}
.sr {
  min-width: 0;
  padding-inline-end: 1.2rem;
  border-inline-end: 1px solid var(--color-stroke);
}
.whitespace-right {
  margin: 0 0 .35rem;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: var(--font-weight-title);
  line-height: 1.3;
}
.justify-3 {
  display: inline-block;
  max-width: 100%;
  color: var(--color-key);
  font-size: .82rem;
  text-decoration: underline;
  text-underline-offset: .18em;
}
.justify-3:hover {
  color: var(--color-brand-hover);
}
.py-max{min-width:0;margin:0}
.justify-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;min-width:0}
.left-16 {
  min-width: 0;
  min-height: 44px;
  padding: .7rem .75rem;
  background: var(--color-raised);
  color: var(--color-body);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-btn);
  font-weight: var(--font-weight-cta);
  font-size: .88rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.left-16:hover{background:var(--color-key);border-color:var(--color-key);color:var(--color-on-brand)}
.left-16:focus-visible,.justify-3:focus-visible {
  outline: 3px solid var(--color-key);
  outline-offset: 3px;
}
@media(max-width:900px){
.my-3 {
  grid-template-columns: minmax(0,1fr) minmax(14rem,1fr);
  gap: 1rem;
}
.sr {
  grid-column: 1/-1;
  border-inline-end: 0;
  padding-inline-end: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.whitespace-right{margin:0}
}
@media(max-width:560px){
.my-3{inset-inline:.5rem;bottom:.5rem;grid-template-columns:minmax(0,1fr);gap:.55rem;padding:.75rem .85rem;font-size:.84rem;line-height:1.4}
.sr {
  flex-wrap: wrap;
  gap: .15rem .8rem;
}
.whitespace-right {
  font-size: .92rem;
}
.left-16{min-height:40px;padding:.5rem .6rem}
}
.w-8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2.5rem;align-items:start}
.top .w-8{grid-template-columns:minmax(0,1fr);max-width:48rem}
.inline-half{margin:0;min-width:0;overflow-wrap:anywhere}
.mt {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  min-width: 0;
}
.clearfix-none {
  display: grid;
  gap: .35rem;
  min-width: 0;
}
.border-xl{grid-column:1/-1}
.clearfix-medium{font-size:.9rem;font-weight:600}
.sticky-white{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-stroke);border-radius:var(--radius-md);background:var(--color-base)}
.sticky-white:focus{outline:2px solid var(--color-key);outline-offset:1px}
.ml-full{resize:vertical}
.skew{justify-self:start;max-width:100%;overflow-wrap:anywhere}
@media (max-width:860px){.w-8 {
  grid-template-columns: minmax(0,1fr);
}}
@media (max-width:480px){.mt {
  grid-template-columns: minmax(0,1fr);
}}
.divide-col {
  padding-block: var(--spacing-stack);
  background: var(--color-base);
  overflow-wrap: anywhere;
}
.hidden-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.min-h-sm{min-width:0;padding-block:1rem}
.left-cover {
  color: var(--color-key);
}
.sticky-half {
  max-width: 17ch;
}
.duration-4 {
  max-width: 34rem;
}
.clearfix{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.6rem}
.skew-sm{max-width:100%;text-align:center;white-space:normal}
.delay-light{font-weight:600;text-decoration:underline;text-underline-offset:.3em}
.max-w-max{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-width:0}
.font-quarter{grid-column:1/-1;margin:0;min-width:0}
.duration-square{margin:0;min-width:0;display:flex}
.select-max {
  width: 100%;
  object-fit: cover;
  border-radius: var(--radius-xl);
}
.mx-visible{aspect-ratio:16/9}
.ml-16{aspect-ratio:1/1;align-self:stretch;height:100%}
.top-cover{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.7rem;padding:clamp(1rem,2.5vw,2rem);background:var(--color-key);color:var(--color-on-brand);border-radius:var(--radius-xl);min-width:0}
.sticky-left{width:1.7rem;height:1.7rem;display:block}
.font-gray-500{font-family:var(--font-display);font-size:1.15rem;font-weight:var(--font-weight-title);line-height:1.25}
.hidden-min{font-size:.85rem;line-height:1.5}
.inset-left .duration-square {
  padding-top: 1.2rem;
}
.inset-left .top-cover{margin-bottom:1.2rem}
@media (max-width:820px){.hidden-col {
  grid-template-columns: 1fr;
}.sticky-half{max-width:24ch}.max-w-max{max-width:42rem;width:100%;justify-self:center}}
@media (max-width:390px){.max-w-max{gap:.6rem}.top-cover {
  padding: .8rem;
}.hidden-min {
  font-size: .8rem;
}.font-gray-500 {
  font-size: 1rem;
}}
.m-full{max-width:40rem;margin-bottom:2.5rem}
.fixed-black{list-style:none;padding:0;margin:0}
.overflow-normal{padding:1.5rem;border-radius:var(--radius-xl)}
.block-y{background:var(--color-raised);box-shadow:var(--shadow-soft)}
.duration-center{border:1px solid var(--color-stroke)}
.border-col{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand-hover);margin-bottom:1rem}
.border-col svg{width:1.4rem;height:1.4rem}
.z-row {
  margin-bottom: .4rem;
}
.shadow-circle{margin:0;color:var(--color-dim)}
.grow{overflow-wrap:anywhere}
.place-secondary>*{min-width:0}
.h-24{max-width:24ch}
.rounded-wrap {
  color: var(--color-dim);
}
.break-gray-500{max-width:100%;white-space:normal;text-align:center}
.items-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:3rem;align-items:end;margin-bottom:3rem}
.absolute-3 {
  margin: 0;
  max-width: 48ch;
}
.items-screen{list-style:none;margin:0;padding:0;border-top:2px solid var(--color-body)}
.decoration-full {
  display: grid;
  grid-template-columns: 4rem minmax(0,.85fr) minmax(0,1.15fr);
  gap: 2rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid var(--color-stroke);
  align-items: start;
}
.scale {
  font-size: 2.1rem;
  line-height: 1.1;
  color: var(--color-key);
  font-family: var(--font-display);
}
.clearfix-wrap {
  margin: 0;
  font-size: clamp(1.2rem,2.2vw,1.8rem);
}
.rounded-wrap{margin:0}
.py-right{display:flex;gap:2rem;justify-content:space-between;align-items:center;margin-top:2rem}
.static-tight {
  max-width: 56ch;
  margin: 0;
  color: var(--color-dim);
}
.break-gray-500 {
  flex-shrink: 0;
}
@media(max-width:700px){.items-primary{grid-template-columns:1fr;gap:1rem}.decoration-full {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .8rem 1rem;
}.rounded-wrap{grid-column:2}.scale {
  grid-row: 1/3;
  font-size: 1.7rem;
}.py-right{align-items:flex-start;flex-direction:column}.break-gray-500 {
  flex-shrink: 1;
}}
.overflow-cover{margin-bottom:2rem}
.scale-scroll {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cursor-5{padding:1.5rem;border-top:3px solid var(--color-key);background:var(--color-raised);border-radius:0 0 var(--radius-md) var(--radius-md)}
.break-lg{display:block;font-family:var(--font-display);font-size:2rem;color:var(--color-brand-subtle);line-height:1;margin-bottom:.75rem}
.ring-cover{margin:0;color:var(--color-dim)}
.static-5{position:relative;isolation:isolate;display:flex;align-items:center;min-height:18rem;padding-block:calc(var(--spacing-stack) * .9);color:var(--color-on-dark);overflow:hidden}
.container-light {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.select-6 {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.truncate-min .select-6 {
  background: linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7));
}
.mx-md .select-6 {
  background: var(--color-key);
  opacity: .88;
}
.mx-md {
  color: var(--color-on-brand);
}
.py-light{width:min(100% - 2.5rem,var(--container-page))}
.translate-scroll .py-light{text-align:center}
.translate{font-size:.85rem;margin-bottom:.75rem;opacity:.85}
.align-4{color:inherit}
.align-4:hover {
  color: inherit;
  text-decoration: underline;
}
.ease-right {
  margin: 0 .5rem;
}
.shadow-row{opacity:.8}
.col-3{color:inherit;margin-bottom:.5rem}
.tracking-between{margin:0;font-size:1.1rem;opacity:.9;max-width:40rem}
.translate-scroll .tracking-between{margin-inline:auto}
.list-sm {
  min-width: 0;
}
.ml-wide {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.items-6 {
  overflow-wrap: anywhere;
}
.flex{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}
.min-h-normal{min-width:0;overflow-wrap:anywhere}
.min-h-normal h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.min-h-normal p{margin:0;line-height:1.7}
.overflow-gray-100 {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: .7rem;
  color: var(--color-dim);
  overflow-wrap: anywhere;
}
.flex{grid-template-columns:repeat(3, minmax(0, 1fr))}
.min-h-normal {
  border: 1px solid var(--color-stroke);
  padding: 1.6rem;
  border-radius: var(--radius-md);
}
@media (max-width: 700px){
.flex {
  grid-template-columns: minmax(0, 1fr);
}
.min-h-normal {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.duration-light {
  overflow-wrap: anywhere;
}
.duration-bottom {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.items {
  border-top: 4px solid var(--color-key);
  padding-top: 1.5rem;
}
.w-lg{position:relative;padding:0 0 1.5rem 3.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-stroke)}
.max-w-gray-500 {
  position: absolute;
  left: 0;
  top: .15rem;
  color: var(--color-dim);
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
}
.absolute-sm {
  max-width: 65ch;
}
@media (max-width: 760px){
.duration-bottom {
  grid-template-columns: minmax(0, 1fr);
}
.w-lg{padding-left:2.5rem}
}
.z-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.min-h-tight .pt-gray-900 {
  order: 2;
}
.pt-gray-900 {
  position: relative;
  padding: 0 3rem 3rem 0;
}
.min-h-tight .pt-gray-900 {
  padding: 0 0 3rem 3rem;
}
.mx-scroll {
  border-radius: var(--radius-xl);
  object-fit: cover;
}
.grid-decimal{width:100%;aspect-ratio:9/11}
.left-0{position:absolute;right:0;bottom:0;width:55%;aspect-ratio:5/4;border:6px solid var(--color-base);box-shadow:var(--shadow-strong)}
.min-h-tight .left-0 {
  right: auto;
  left: 0;
}
.font-5{color:var(--color-dim);margin-bottom:1.5rem}