:root{--color-main:hsl(165,80%,26%);--color-brand-strong:hsl(165,86%,14%);--color-primary-soft:hsl(165,70%,66%);--color-primary-inverse:hsl(165,80%,34%);--color-on-brand:hsl(0,0%,100%);--color-highlight:hsl(285,85%,55%);--color-accent-contrast:hsl(0,0%,100%);--color-background:hsl(165,20%,96%);--color-layer:hsl(0,0%,100%);--color-body:hsl(165,14%,11%);--color-dim:hsl(165,6%,39%);--color-rule:hsl(165,12%,87%);--color-night:hsl(164,22%,10%);--color-inverse-surface:hsl(167,16%,17%);--color-inverse-text:hsl(150,10%,96%);--color-dark-fg-muted:hsl(164,10%,70%);--radius-base:14px;--radius-large:28px;--radius-button:999px;--case-btn:none;--tracking-cta:0;--font-weight-btn:600;--font-title:'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-lg:1.25rem;--font-weight-bold:700;--tracking-display:-0.02em;--leading-tight:1.15;--case-overline:uppercase;--tracking-label:.12em;--color-tagline:hsl(285,85%,55%);--text-base:1.0625rem;--leading-normal:1.6;--container-max:1183px;--spacing-stack:5.5rem;--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 {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-text);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--color-body);
  background: var(--color-background);
}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4 {
  font-family: var(--font-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  margin: 0 0 .6em;
  color: var(--color-body);
  letter-spacing: var(--tracking-display);
  hyphens: manual;
}
h1 {
  font-size: var(--text-2xl);
}
h2{font-size:var(--text-xl)}
h3 {
  font-size: var(--text-lg);
  line-height: 1.3;
}
h4{font-size:1.05rem;line-height:1.35}
p{margin:0 0 1em}
a {
  color: var(--color-main);
  text-decoration: none;
}
@media (min-width:481px){
a[href^="tel:"] {
  white-space: nowrap;
}
}
a:hover{color:var(--color-brand-strong)}
ul,ol{margin:0 0 1em;padding-left:1.25em}
button,input,textarea,select {
  font: inherit;
  color: inherit;
}
::selection{background:var(--color-primary-soft);color:var(--color-body)}
.transition-cover {
  width: min(100% - 2.5rem,var(--container-max));
  margin-inline: auto;
}
.static-auto{width:min(100% - 2.5rem,48rem)}
.content-circle {
  padding-block: var(--spacing-stack);
}
.rounded-auto{background:var(--color-layer)}
.transition-bold {
  background: var(--color-night);
  color: var(--color-inverse-text);
}
.transition-bold h1,.transition-bold h2,.transition-bold h3,.transition-bold h4 {
  color: inherit;
}
.transition-bold a {
  color: var(--color-primary-inverse);
}
.transition-bold .max-w-1,.transition-bold .basis-col {
  color: var(--color-dark-fg-muted);
}
.transition-bold .z{color:var(--color-primary-inverse)}
.items-1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-button);
  background: var(--color-main);
  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;
}
.items-1:hover {
  background: var(--color-brand-strong);
  color: var(--color-on-brand);
}
.items-1:active {
  transform: translateY(1px);
}
.h-quarter {
  background: transparent;
  color: var(--color-main);
  border-color: currentColor;
}
.h-quarter:hover{background:var(--color-main);color:var(--color-on-brand);border-color:var(--color-main)}
.decoration-y {
  background: var(--color-highlight);
  color: var(--color-accent-contrast);
}
.decoration-y:hover {
  background: var(--color-highlight);
  color: var(--color-accent-contrast);
  filter: brightness(.92);
}
.z-secondary {
  background: var(--color-inverse-text);
  color: var(--color-night);
}
.z-secondary:hover{background:hsl(0,0%,100%);color:var(--color-night)}
.self{padding:.55rem 1.1rem;font-size:.9rem}
.grow-normal {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.transition-bold .items-1:not(.h-quarter):not(.decoration-y):not(.z-secondary) {
  background: var(--color-primary-inverse);
  color: var(--color-night);
}
.transition-bold .items-1:not(.h-quarter):not(.decoration-y):not(.z-secondary):hover{background:var(--color-inverse-text);color:var(--color-night)}
.transition-bold .h-quarter {
  color: var(--color-inverse-text);
  border-color: var(--color-dark-fg-muted);
}
.transition-bold .h-quarter:hover {
  background: var(--color-inverse-text);
  color: var(--color-night);
  border-color: var(--color-inverse-text);
}
.pt-screen {
  display: grid;
  gap: 1.5rem;
}
.grid-quarter {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.shadow-end {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.m-full {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.grid-left {
  grid-template-columns: repeat(2,1fr);
}
.translate-16 {
  grid-template-columns: repeat(3,1fr);
}
.duration-16{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){
.duration-16{grid-template-columns:repeat(2,1fr)}
.translate-16 {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){.grid-left,.translate-16,.duration-16{grid-template-columns:1fr}}
.absolute-end{display:flex;flex-wrap:wrap;justify-content:center}
.absolute-end>* {
  min-width: 0;
}
.absolute-end.grid-left>*{flex:0 0 calc((100% - 1.5rem)/2)}
.absolute-end.translate-16>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.absolute-end.duration-16>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){.absolute-end.translate-16>*,.absolute-end.duration-16>*{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:560px){
.absolute-end.grid-left>*,.absolute-end.translate-16>*,.absolute-end.duration-16>*{flex-basis:100%}
}
.max-w-1{font-size:1.15rem;color:var(--color-dim)}
.z{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:var(--tracking-label);text-transform:var(--case-overline);color:var(--color-tagline);margin-bottom:.75rem}
.basis-col{color:var(--color-dim)}
.delay-gray-100 {
  text-align: center;
}
.mt-quarter {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
@media (max-width:640px){
.content-circle{padding-block:calc(var(--spacing-stack) * .7)}
}
.self-dark{position:relative;z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-rule)}
.my-white {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 5rem;
}
.self-dark .my-white{width:min(100% - 2.5rem,84rem)}
.items-left {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
}
.relative-2 {
  height: auto;
  width: auto;
  max-height: 2.25rem;
}
.justify {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
.bg-snug {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.relative-3 {
  display: inline-flex;
  align-items: flex-start;
  gap: .35rem;
  color: var(--color-body);
  font-weight: 500;
  white-space: nowrap;
}
.inset-circle .bg-snug{gap:.5rem 1.15rem}
.inset-circle .space-24{font-size:.9rem}
.inset-circle.container-2 .space-24{font-size:.76rem;letter-spacing:.07em}
.container-2 .space-24 {
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.list-wrap{font-size:.68rem;font-weight:700;line-height:1;color:var(--color-main);font-variant-numeric:tabular-nums}
.relative-3:hover .space-24,.pb-tight .space-24 {
  color: var(--color-main);
}
.gap-tight{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--color-body);white-space:nowrap}
.duration-primary {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--color-main);
  color: var(--color-on-brand);
  transition: transform .2s;
}
.gap-tight:hover .duration-primary {
  transform: translateX(3px);
}
.px{display:none}
.px:focus-visible + .mb {
  outline: 2px solid var(--color-main);
  outline-offset: 4px;
}
.mb{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}
.place-right {
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-body);
}
@media (max-width:1140px){.my-white{gap:.75rem}.px {
  display: block;
}.mb {
  display: flex;
}.justify {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem 1.25rem;
  background: var(--color-background);
  border-bottom: 1px solid var(--color-rule);
  box-shadow: var(--shadow-soft);
}.px:checked ~ .justify{display:flex}.bg-snug{flex-direction:column;gap:.9rem}}
.inset-primary{padding-block:var(--spacing-stack) 1.5rem;background:var(--color-night);color:var(--color-inverse-text);overflow-wrap:anywhere}
.row-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:3rem 5rem}
.rounded-dark{min-width:0;max-width:30rem}
.bg-relaxed {
  display: block;
  font-family: var(--font-title);
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
  margin-bottom: 1.4rem;
}
.tracking-decimal{color:var(--color-dark-fg-muted);font-size:.95rem;margin-bottom:2rem}
.col{font-family:var(--font-text);font-size:.8rem;color:var(--color-dark-fg-muted);letter-spacing:var(--tracking-label);text-transform:var(--case-overline);font-weight:600;margin-bottom:1rem}
.decoration-right{font-style:normal;color:var(--color-inverse-text);font-size:.9rem;line-height:1.8}
.ml-y {
  min-width: 0;
}
.rounded-disc {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-dark-fg-muted);
}
.w-dark {
  border-bottom: 1px solid var(--color-dark-fg-muted);
}
.shadow-1{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-inverse-text);padding:.85rem 0;font-family:var(--font-title);font-size:clamp(1.3rem,3.4vw,2.4rem);line-height:1.15}
.shadow-1:hover{color:var(--color-primary-inverse)}
.top-primary {
  font-family: var(--font-text);
  font-size: 1.3rem;
  flex: none;
}
.left-y{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.2rem 2rem;border-top:1px solid var(--color-dark-fg-muted);padding-top:1.3rem}
.pb-xl {
  font-size: .8rem;
  max-width: 36rem;
  color: var(--color-dark-fg-muted);
}
.px-top {
  max-width: 100%;
  min-width: 0;
}
.mt-secondary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;list-style:none;margin:0;padding:0}
.mt-y {
  min-width: 0;
}
.overflow-tight {
  color: var(--color-dark-fg-muted);
  font-size: .8rem;
  text-decoration: underline;
  text-underline-offset: .25em;
}
.overflow-tight:hover{color:var(--color-inverse-text)}
@media (max-width:760px){.row-row {
  grid-template-columns: 1fr;
  gap: 2rem;
}.rounded-dark{max-width:none}.left-y {
  gap: 1rem;
}.shadow-1 {
  font-size: 1.5rem;
}}
.shrink-end{position:fixed;left:0;right:0;z-index:50;padding:1rem 0;box-shadow:var(--shadow-soft)}
.ring-y{bottom:0}
.grow-half{background:var(--color-night);color:var(--color-inverse-text)}
.transition-row{background:var(--color-layer);color:var(--color-body);border-top:1px solid var(--color-rule)}
.shrink-end[hidden] {
  display: none;
}
.leading-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.min-h-between {
  margin: 0;
  font-size: .95rem;
}
.px-wrap{color:inherit;text-decoration:underline;margin-left:.35rem}
.duration{display:flex;gap:.75rem;flex-shrink:0}
.grow-half .space-scroll{border-color:var(--color-background)}
.grow-half .space-scroll:not(.h-quarter) {
  background: var(--color-primary-inverse);
  color: var(--color-night);
  border-color: transparent;
}
.grow-half .h-quarter.space-scroll{color:var(--color-background)}
@media (max-width:720px){.shrink-end {
  padding: .7rem 0;
}.leading-10{flex-direction:column;align-items:stretch;gap:.6rem}.min-h-between{font-size:.84rem;line-height:1.4}.duration{justify-content:flex-end}}
.divide {
  padding: 2.25rem;
  background: var(--color-layer);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  min-width: 0;
}
.container-y .divide{text-align:center}
.mr-12{margin:0;overflow-wrap:anywhere}
.top-left{margin:.75rem 0 0;color:var(--color-dim);overflow-wrap:anywhere}
.max-w-12 {
  color: inherit;
}
.mb-x {
  display: grid;
  gap: 1rem;
  margin-top: 1.75rem;
  text-align: start;
}
.content-4{display:grid;gap:.35rem;min-width:0}
.px-auto{font-size:.9rem;font-weight:600}
.z-end{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-rule);border-radius:var(--radius-base);background:var(--color-background)}
.z-end:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 1px;
}
.select-left{resize:vertical}
.tracking {
  justify-self: start;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.container-y .tracking{justify-self:center}
@media (max-width:480px){
.divide{padding:1.25rem}
}
.ease-around {
  padding-block: calc(var(--spacing-stack) * 1.2);
  background: var(--color-background);
}
.fixed-4{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.col-primary .delay-left{order:2}
.col-primary .truncate-third {
  order: 1;
}
.px-bottom{margin-bottom:1rem}
.items-2{max-width:34rem}
.sticky-8 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.truncate-third{margin:0}
.col-bold {
  width: 100%;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-soft);
  object-fit: cover;
  aspect-ratio: 4/3;
}
@media (max-width:860px){.fixed-4 {
  grid-template-columns: 1fr;
  gap: 2rem;
}.col-primary .delay-left,.col-primary .truncate-third {
  order: 0;
}}
.container-light {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.sticky-center .shadow-decimal{order:2}
.shadow-decimal {
  position: relative;
  padding: 0 3rem 3rem 0;
}
.sticky-center .shadow-decimal {
  padding: 0 0 3rem 3rem;
}
.clearfix-half {
  border-radius: var(--radius-large);
  object-fit: cover;
}
.sticky-wide {
  width: 100%;
  aspect-ratio: 9/11;
}
.static-scroll{position:absolute;right:0;bottom:0;width:55%;aspect-ratio:5/4;border:6px solid var(--color-background);box-shadow:var(--shadow-strong)}
.sticky-center .static-scroll{right:auto;left:0}
.relative-third{color:var(--color-dim);margin-bottom:1.5rem}
.top-fit {
  list-style: none;
  margin: 0 0 1.75rem;
  padding: 1.25rem 0;
  border-top: 1px solid var(--color-rule);
  border-bottom: 1px solid var(--color-rule);
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
}
.inline-relaxed {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.border-half{font-family:var(--font-title);font-size:1.75rem;color:var(--color-main)}
.divide-20{font-size:.85rem;color:var(--color-dim)}
@media (max-width:860px){
.container-light {
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.sticky-center .shadow-decimal{order:0}
}
.translate-20{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.absolute .translate-20 {
  grid-template-columns: minmax(0,1fr);
  gap: clamp(2rem,4vw,3rem);
}
.delay{font-size:calc(var(--text-xl) * 1.15);margin-bottom:1rem}
.absolute .w-row{max-width:44rem}
.decoration-scroll {
  margin-bottom: 1.5rem;
}
.px-light{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--color-inverse-text)}
.ring-bottom{transition:transform .2s}
.px-light:hover .ring-bottom {
  transform: translateX(4px);
}
.items-none{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);border-inline-start:1px solid rgba(255,255,255,.14)}
.absolute .items-none {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.flex-full {
  padding: clamp(1.25rem,3vw,2rem);
  border-bottom: 1px solid rgba(255,255,255,.14);
  border-inline-end: 1px solid rgba(255,255,255,.14);
}
.truncate-black {
  display: inline-flex;
  color: var(--color-primary-inverse);
  margin-bottom: 1rem;
}
.truncate-black svg{width:1.75rem;height:1.75rem}
.select-muted {
  font-size: 1.1rem;
  margin-bottom: .45rem;
}
.p-top{margin:0;color:var(--color-dark-fg-muted);font-size:.95rem}
@media (max-width:980px){
.absolute .items-none {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width:860px){
.translate-20 {
  grid-template-columns: minmax(0,1fr);
}
}
@media (max-width:520px){
.items-none,.absolute .items-none{grid-template-columns:minmax(0,1fr)}
}
.inset-normal{max-width:45rem;margin-bottom:3rem}
.leading-around{overflow-wrap:anywhere}
.px-medium {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.left-dark{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-rule);align-items:start}
.min-h{font-family:var(--font-title);font-size:1.75rem;line-height:1.2;color:var(--color-main);font-variant-numeric:tabular-nums}
.ease-center{font-size:1.1rem;margin:0;line-height:1.5;overflow-wrap:anywhere}
.skew{margin:0;color:var(--color-dim)}
@media(max-width:760px){
.left-dark {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .75rem 1rem;
}
.skew{grid-column:2}
.inset-normal {
  margin-bottom: 2rem;
}
}
.grid-around{background:var(--color-main);color:var(--color-on-brand)}
.w-1 {
  max-width: 46rem;
  text-align: center;
}
.align-fit {
  display: block;
  margin-bottom: .7rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-overline);
  color: var(--color-tagline);
}
.grid-around .align-fit,.grid-around .items{color:var(--color-on-brand)}
.shrink .align-fit {
  color: var(--color-primary-inverse);
}
.items {
  margin-bottom: .9rem;
}
.content-6{margin:0 auto 2rem;max-width:36rem;opacity:.9}
.min-h-10{margin:0 0 .5rem;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.translate-2{display:inline-flex;align-items:center;gap:1rem;color:inherit;font-family:var(--font-title);font-weight:var(--font-weight-bold);font-size:clamp(1.9rem,5vw,3.25rem);line-height:1.1}
.translate-2:hover {
  color: inherit;
  opacity: .85;
}
.pt-light{display:grid;place-items:center;flex:none;width:clamp(2.75rem,6vw,3.75rem);height:clamp(2.75rem,6vw,3.75rem);border-radius:50%;background:var(--color-main);color:var(--color-on-brand)}
.grid-around .pt-light{background:var(--color-on-brand);color:var(--color-main)}
.pt-light svg{width:45%;height:45%}
.place-2xl{white-space:nowrap}
.pb-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem;margin-top:2rem}
.fixed-none{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.25em}
.grid-around .fixed-none:hover {
  color: inherit;
}
.grid-around .text-primary.z-secondary:hover {
  background: var(--color-background);
  color: var(--color-body);
}
@media (max-width:480px){.place-2xl {
  white-space: normal;
}}
.gap-around {
  padding-block: calc(var(--spacing-stack) * .9) calc(var(--spacing-stack) * .7);
}
.leading-start {
  border-bottom: 4px solid var(--color-main);
}
.rounded{border-bottom:4px solid var(--color-highlight)}
.rounded-primary{border-bottom:1px solid var(--color-rule)}
.leading-20 {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.max-w-center{margin:0;font-size:calc(var(--text-2xl) * 1.05)}
.skew-around {
  margin: 0 0 .35rem;
  max-width: 34rem;
}
@media (max-width:760px){.leading-20{grid-template-columns:1fr;gap:1rem}}
.h-gray-500{margin-bottom:2.5rem}
.inline-light {
  list-style: none;
  padding: 0;
  margin: 0;
}
.z-medium{grid-template-columns:minmax(0,1fr);max-width:36rem;margin-inline:auto}
.overflow-10 {
  display: flex;
  flex-direction: column;
  padding: 1.75rem;
  background: var(--color-layer);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-rule);
  transition: transform .2s,box-shadow .2s;
}
.overflow-10:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-soft);
}
.h{color:var(--color-main);margin-bottom:1rem}
.h svg {
  width: 2rem;
  height: 2rem;
}
.border-wide {
  color: var(--color-dim);
  flex-grow: 1;
}
.absolute-gray-100{font-weight:700;color:var(--color-brand-strong);margin-top:.5rem}
.origin-muted{min-width:0}
.decoration-5 {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.mx-right{overflow-wrap:anywhere}
.align-end {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1.2rem;
}
.self-5 {
  min-width: 0;
  overflow-wrap: anywhere;
}
.self-5 h3{margin:0 0 .6rem;font-size:1.2rem}
.self-5 p {
  margin: 0;
  line-height: 1.7;
}
.items-bottom {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: .7rem;
  color: var(--color-dim);
  overflow-wrap: anywhere;
}
.align-end{grid-template-columns:repeat(3, minmax(0, 1fr))}
.self-5{border:1px solid var(--color-rule);padding:1.6rem;border-radius:var(--radius-base)}
@media (max-width: 700px){
.align-end {
  grid-template-columns: minmax(0, 1fr);
}
.self-5{grid-template-columns:minmax(0, 1fr);gap:.5rem}
}
.clearfix-white {
  overflow-wrap: anywhere;
}
.static-3 {
  max-width: 50rem;
  margin: 0 auto 3rem;
  text-align: center;
}
.static-3 h2{font-size:clamp(1.8rem, 3.8vw, 3.25rem)}
.justify-bold{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-rule)}
.justify-bold:nth-child(odd) {
  background: var(--color-layer);
}
.skew-scroll{max-width:20ch}
.scale{max-width:70ch}
.scale p:last-child{margin-bottom:0}
@media (max-width: 640px){
.justify-bold {
  grid-template-columns: minmax(0, 1fr);
}
.skew-scroll {
  max-width: none;
}
}
.skew-quarter{padding-block:calc(var(--spacing-stack) * .7);background:var(--color-background);overflow-wrap:anywhere}
.inset-wide{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-layer);border:1px solid var(--color-rule);border-radius:var(--radius-large);overflow:hidden}
.top-relaxed {
  min-width: 0;
  padding: clamp(1.5rem,4.5vw,4rem);
  border-top: 4px solid var(--color-main);
}
.w-gray-500 .top-relaxed{border-top:0;border-left:4px solid var(--color-main)}
.list{color:var(--color-main)}
.mx-top{max-width:22ch;font-size:calc(var(--text-2xl) * .88);line-height:1.15}
.break-gray-100 {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--color-dim);
  max-width: 38rem;
  margin: 1.2rem 0 0;
}
.sticky{margin:0;min-width:0;display:flex;padding:.8rem}
.h-gray-900 {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  border-radius: var(--radius-base);
  aspect-ratio: 4/5;
}
@media (max-width:700px){.inset-wide {
  grid-template-columns: 1fr;
}.mx-top {
  font-size: var(--text-2xl);
}.sticky{padding:0 1.25rem 1.25rem}.h-gray-900 {
  aspect-ratio: 16/7;
  height: auto;
  min-height: 0;
}.break-gray-100 {
  font-size: 1rem;
}}
.block-col .px-quarter{max-width:46rem}
.col-scroll .px-quarter {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: start;
}
.translate-between{margin-bottom:1.5rem}
.px-tight {
  border-bottom: 1px solid var(--color-rule);
  padding: .25rem 0;
}
.py-8 {
  cursor: pointer;
  padding: .9rem 2rem .9rem 0;
  font-weight: 600;
  list-style: none;
  position: relative;
}
.py-8::-webkit-details-marker{display:none}
.py-8::after {
  content: "+";
  position: absolute;
  right: 0;
  top: .7rem;
  font-size: 1.4rem;
  color: var(--color-main);
  transition: transform .2s;
}
.px-tight[open] .py-8::after{transform:rotate(45deg)}
.static-primary{margin:0 0 1rem;color:var(--color-dim)}
@media (max-width:860px){.col-scroll .px-quarter{grid-template-columns:1fr;gap:1rem}}
.z-third {
  padding-block: calc(var(--spacing-stack) * .8);
}
.tracking-gray-900{background:var(--color-layer)}
.ease{background:var(--color-main);color:var(--color-on-brand)}
.ease .transition-third,.ease .truncate-white {
  color: var(--color-on-brand);
}
.m-primary{border-bottom:1px solid var(--color-rule)}
.transition-center {
  text-align: center;
}
.pt {
  font-size: .85rem;
  margin-bottom: .75rem;
  opacity: .8;
}
.ml{margin:0 .5rem}
.scale-full{opacity:.7}
.transition-third{margin-bottom:.5rem}
.object {
  margin: 0;
  font-size: 1.1rem;
  opacity: .85;
  max-width: 40rem;
}
.transition-center .object {
  margin-inline: auto;
}
.py-10 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.pb-cover .grow-gray-500 {
  order: 1;
}
.pb-cover .delay-third {
  order: 2;
}
.shrink-0{margin:1.5rem 0 0;display:grid;gap:.75rem}
.skew-left{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:1rem}
.truncate {
  font-weight: 600;
  color: var(--color-dim);
  font-size: .9rem;
}
.w-none {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.grow-6 {
  margin-top: 1.5rem;
  height: 12rem;
  border-radius: var(--radius-large);
  background: repeating-linear-gradient(45deg,var(--color-layer),var(--color-layer) 12px,var(--color-background) 12px,var(--color-background) 24px);
  border: 1px solid var(--color-rule);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-main);
}
.list-2xl svg {
  width: 2.5rem;
  height: 2.5rem;
}
.grow-gray-500{display:grid;gap:1rem;padding:2rem;background:var(--color-layer);border-radius:var(--radius-large);border:1px solid var(--color-rule)}
.object-fit {
  display: grid;
  gap: .35rem;
  min-width: 0;
}
.font {
  font-size: .9rem;
  font-weight: 600;
}
.mt {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-base);
  background: var(--color-background);
}
.mt:focus{outline:2px solid var(--color-main);outline-offset:1px}
.block-xs{resize:vertical}
.mb-xs {
  justify-self: start;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width:860px){.py-10 {
  grid-template-columns: minmax(0,1fr);
}.pb-cover .grow-gray-500,.pb-cover .delay-third{order:0}}
.delay-third,.grow-gray-500 {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media(max-width:480px){.skew-left {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}.shrink-0{gap:1rem}.grow-gray-500 {
  padding: 1.25rem;
}}
.truncate-sm .py-10 {
  grid-template-columns: minmax(0,1fr);
}
.truncate-sm .delay-third {
  max-width: 46rem;
}
.content-cover {
  margin-top: 2rem;
}
.bg-2xl {
  overflow-wrap: anywhere;
}
.gap-10{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.block-scroll {
  min-width: 0;
  position: sticky;
  top: 7rem;
  padding-top: .35rem;
}
.transition-sm{margin:0 0 1.75rem;padding:0 0 1.5rem;border-bottom:2px solid var(--color-main)}
.origin {
  font-size: .75rem;
  letter-spacing: .05em;
  color: var(--color-dim);
  margin-bottom: .4rem;
}
.rotate-muted{margin:0;font-size:.95rem;font-weight:600;color:var(--color-body)}
.decoration {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .3rem;
}
.justify-6 {
  min-width: 0;
}
.grid-auto{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.65rem;align-items:baseline;padding:.55rem .2rem;color:var(--color-body);font-size:.85rem;line-height:1.45;border-bottom:1px solid var(--color-rule)}
.grid-auto:hover{color:var(--color-main);text-decoration:underline;text-underline-offset:.2em}
.grid-auto:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 3px;
}
.whitespace{color:var(--color-dim);font-size:.72rem;font-variant-numeric:tabular-nums}
.row-square{min-width:0}
.object-bold{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.7;margin:0 0 2.5rem;white-space:pre-line}
.grow-wide {
  padding-block: 1.8rem;
  border-top: 1px solid var(--color-rule);
}
.grow-wide:last-child{padding-bottom:0}
.scale-pointer{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.35;margin:0 0 1rem;scroll-margin-top:8rem}
.scale-pointer:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 5px;
}
.translate-circle {
  font-size: 1rem;
  line-height: 1.8;
  white-space: pre-line;
  margin: 0 0 1rem;
}
.translate-circle:last-child{margin-bottom:0}
@media(max-width:780px){
.gap-10 {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.block-scroll {
  position: static;
  padding: 1.25rem;
  background: var(--color-layer);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-base);
}
.transition-sm {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.decoration{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}
.object-bold {
  margin-bottom: 1.75rem;
}
}
@media(max-width:480px){.decoration{grid-template-columns:minmax(0,1fr)}.grow-wide{padding-block:1.5rem}}
.shadow-sm {
  padding-block: calc(var(--spacing-stack) * .85);
  background: var(--color-background);
  overflow-wrap: anywhere;
}
.ring{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.min-h-cover{font-size:.8rem;font-weight:600;text-transform:var(--case-overline);letter-spacing:var(--tracking-label);color:var(--color-main);max-width:75%}
.inline-secondary {
  height: 1px;
  flex: 1;
  background: var(--color-rule);
}
.pb-half .inline-secondary {
  height: 3px;
  background: var(--color-main);
}
.p-center {
  font-size: calc(var(--text-2xl) * 1.2);
  line-height: 1.1;
  max-width: 24ch;
  margin: 0;
  padding-bottom: 1.8rem;
}
.left-2 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--color-rule);
  padding-top: 1.3rem;
}
.shrink-wide {
  font-size: .8rem;
  color: var(--color-dim);
  font-weight: 600;
  max-width: 24rem;
}
.z-auto{grid-template-columns:minmax(0,1fr)}
.space-md {
  font-size: 1.1rem;
  line-height: 1.7;
  color: var(--color-dim);
  max-width: 42rem;
  margin: 0;
}
@media (max-width:640px){.p-center {
  font-size: var(--text-2xl);
}.left-2{grid-template-columns:1fr;gap:1rem}.shrink-wide {
  display: none;
}.space-md{font-size:1rem}}
.relative-bottom {
  background: var(--color-layer);
  overflow-wrap: anywhere;
}
.w-cover {
  max-width: 56rem;
  background: var(--color-background);
  border: 1px solid var(--color-rule);
  border-top: 3px solid var(--color-main);
  border-radius: 0 0 var(--radius-base) var(--radius-base);
  box-shadow: var(--shadow-soft);
  padding: clamp(1.25rem,4vw,3.5rem);
}
.min-h-start {
  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-rule);
  font-size: .85rem;
}
.static {
  color: var(--color-dim);
  min-width: 0;
}
.cursor-pointer {
  margin: 0;
  text-align: right;
  color: var(--color-body);
  min-width: 0;
}
.inset {
  max-width: 66ch;
  margin-inline: auto;
}
.object-16{font-size:1.1rem;line-height:1.8;white-space:pre-line;margin:0 0 2.5rem}
.shadow-16{margin-top:2.25rem}
.ease-max{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.35;margin:0 0 .9rem;scroll-margin-top:8rem}
.text-pointer {
  color: var(--color-body);
  text-decoration: underline;
  text-decoration-color: var(--color-rule);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.text-pointer:hover {
  color: var(--color-main);
  text-decoration-color: currentColor;
}
.text-pointer:focus-visible,.ease-max:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 5px;
}
.place-top {
  font-size: 1rem;
  line-height: 1.85;
  white-space: pre-line;
  margin: 0 0 1rem;
}
.place-top:last-child {
  margin-bottom: 0;
}
@media(max-width:480px){.w-cover {
  padding: 1.25rem 1rem;
}.min-h-start{flex-direction:column;gap:.3rem;margin-bottom:1.75rem}.cursor-pointer {
  text-align: left;
}.object-16 {
  font-size: 1.05rem;
  margin-bottom: 1.75rem;
}.shadow-16 {
  margin-top: 1.75rem;
}.place-top {
  line-height: 1.75;
}}
.decoration-xs{max-width:46rem}
.shrink-auto{font-size:.85rem;color:var(--color-dim)}
.mt-top{font-size:1.05rem}
.py-0 {
  margin-top: 2rem;
}
.scale-third{font-size:1.3rem}
.order-right{color:var(--color-body)}