.lead-col-alt {
  margin-inline: auto;
}
.badge-main {
  padding: 0;
  position: relative;
  list-style: none;
  margin: 0;
}
.badge-main::before {
  position: absolute;
  content: '';
  border-left: 1px solid var(--clr-border);
  bottom: 1.5rem;
  left: 50%;
  top: 1.5rem;
}
.core-open {
  position: relative;
  padding-bottom: 2rem;
}
.core-open:last-child {
  padding-bottom: 0;
}
.intro-alt {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--clr-canvas);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--clr-primary);
  color: var(--clr-primary-fg);
  font-size: .85rem;
  font-weight: 700;
}
.toggle-4 {
  width: calc(50% - 3rem);
  padding: clamp(1.4rem,2.8vw,2.4rem);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-large);
  background: var(--clr-canvas);
}
.core-open:nth-child(even) .toggle-4 {
  background: var(--clr-night);
  margin-left: auto;
  color: var(--clr-dark-fg);
  border-color: var(--clr-night);
}
.lead_line_sub {
  font-size: clamp(1.2rem,2.2vw,1.75rem);
}
.core-open:nth-child(even) .lead_line_sub {
  color: var(--clr-dark-fg);
}
.core-open:nth-child(even) .outro_tight {
  color: var(--clr-on-dark-muted);
}
.outro_tight {
  margin-bottom: 1.5rem;
}
.wrap-note-narrow {
  margin: 0;
  display: grid;
  border-top: 1px solid var(--clr-border);
  padding-top: 1rem;
  gap: .5rem;
  font-size: .9rem;
}
.wrap-note-narrow strong {
  font-size: .75rem;
  letter-spacing: .04em;
}
.core-open:nth-child(even) .wrap-note-narrow {
  border-color: var(--clr-dark-surface);
}
@media(max-width:760px){
.burger-brand-right {
  text-align: left;
}
.lead-col-alt {
  margin-left: 0;
}
.badge-main::before {
  left: 1rem;
}
.intro-alt {
  top: 1.3rem;
  width: 2rem;
  font-size: .65rem;
  border-width: 3px;
  height: 2rem;
  left: 1rem;
}
.toggle-4,.core-open:nth-child(even) .toggle-4 {
  width: calc(100% - 3rem);
  margin-left: 3rem;
}
.core-open {
  padding-bottom: 1rem;
}
}
.view-sub {
  padding-block: calc(var(--gap-block) * .8);
}
.wrap_fill {
  background: var(--clr-primary);
  color: var(--clr-primary-fg);
}
.text-accent {
  color: var(--clr-dark-fg);
  background: var(--clr-night);
}
.strip-logo {
  color: var(--clr-text);
  background: var(--clr-panel);
}
.wrap_fill .el-tight,.text-accent .el-tight {
  color: inherit;
}
.label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.el-avatar-fixed .label {
  flex-direction: column;
  text-align: center;
}
.el-tight {
  margin-bottom: .35rem;
}
.frame-left {
  margin: 0;
  opacity: .85;
}
.icon-compact {
  flex-shrink: 0;
}
@media (max-width:720px){
.label {
  flex-direction: column;
  align-items: flex-start;
}
.el-avatar-fixed .label {
  align-items: center;
}
}
.meta-soft {
  background: var(--clr-canvas);
  overflow-wrap: anywhere;
  padding-block: calc(var(--gap-block) * .7);
}
.bar-new {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);
  background: var(--clr-panel);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-large);
  overflow: hidden;
}
.copy {
  min-width: 0;
  border-top: 4px solid var(--clr-primary);
  padding: clamp(1.5rem,4.5vw,4rem);
}
.media-pill-xl .copy {
  border-left: 4px solid var(--clr-primary);
  border-top: 0;
}
.site-first {
  color: var(--clr-primary);
}
.mark_sticky {
  max-width: 22ch;
  line-height: 1.15;
  font-size: calc(var(--fs-2xl) * .88);
}
.cap-1 {
  font-size: 1.05rem;
  color: var(--clr-dim);
  max-width: 38rem;
  line-height: 1.7;
  margin: 1.2rem 0 0;
}
.block-new {
  margin: 0;
  display: flex;
  padding: .8rem;
  min-width: 0;
}
.shape-fill {
  aspect-ratio: 4/5;
  border-radius: var(--radius-default);
  min-height: 12rem;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (max-width:700px){
.bar-new {
  grid-template-columns: 1fr;
}
.mark_sticky {
  font-size: var(--fs-2xl);
}
.block-new {
  padding: 0 1.25rem 1.25rem;
}
.shape-fill {
  height: auto;
  min-height: 0;
  aspect-ratio: 16/7;
}
.cap-1 {
  font-size: 1rem;
}
}
.icon {
  min-width: 0;
}
.ctx-intro {
  margin-bottom: 2rem;
  max-width: 54rem;
}
.chip-fill {
  overflow-wrap: anywhere;
}
.panel {
  padding: 0;
  gap: 1.2rem;
  margin: 0;
  list-style: none;
  display: grid;
}
.note {
  overflow-wrap: anywhere;
  min-width: 0;
}
.note h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.note p {
  margin: 0;
  line-height: 1.7;
}
.body-menu-primary {
  display: block;
  overflow-wrap: anywhere;
  margin-bottom: .7rem;
  letter-spacing: .04em;
  font-weight: 700;
  font-size: .8rem;
  color: var(--clr-dim);
}
.panel {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.note {
  border: 1px solid var(--clr-border);
  padding: 1.6rem;
  border-radius: var(--radius-default);
}
@media (max-width: 700px){
.panel {
  grid-template-columns: minmax(0, 1fr);
}
.note {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.main-cell-z {
  overflow-wrap: anywhere;
}
.quote-item-round>* {
  min-width: 0;
}
.note-tile {
  max-width: 24ch;
}
.main_auto {
  color: var(--clr-dim);
}
.copy-1 {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.quote_hard {
  margin-bottom: 2.5rem;
}
.note-tile {
  max-width: 28ch;
}
.quote-item-round {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,5rem);
  align-items: start;
}
.toggle-5 {
  column-gap: 1rem;
  display: grid;
  margin: 0;
  grid-template-columns: 1rem minmax(0,1fr);
}
.fig_third {
  aspect-ratio: 4/5;
  border-radius: var(--radius-large);
  grid-column: 2;
  width: 100%;
  object-fit: cover;
}
.col-fixed {
  border-top: 1px solid var(--clr-border);
  padding-top: .8rem;
  grid-column: 2;
  color: var(--clr-dim);
  margin-top: 1rem;
  font-size: .85rem;
}
.toggle-5::before {
  content: '';
  grid-row: 1;
  border-radius: var(--radius-default);
  grid-column: 1;
  background: var(--clr-primary);
}
.img-intro {
  padding: 0;
  margin: 2rem 0;
  list-style: none;
}
.note_node {
  padding: 1.2rem 0 1.2rem 3rem;
  border-top: 1px solid var(--clr-border);
  position: relative;
}
.dot-10 {
  position: absolute;
  left: 0;
  top: 1.2rem;
  border: 1px solid var(--clr-border);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  font-size: .8rem;
  color: var(--clr-primary);
}
.field_sec_v3 {
  font-size: 1.15rem;
}
.main_auto {
  margin: 0;
}
.copy-1 {
  border-bottom: 1px solid currentColor;
  gap: 1.5rem;
  font-weight: 700;
  padding-bottom: .5rem;
  display: inline-flex;
}
.copy-1 span {
  font-size: 1.5rem;
  line-height: 1;
}
@media(max-width:760px){
.quote-item-round {
  grid-template-columns: 1fr;
}
.fig_third {
  aspect-ratio: 4/3;
}
.toggle-5 {
  grid-template-columns: .5rem minmax(0,1fr);
  column-gap: .6rem;
}
}
.strip-sub {
  padding-block: calc(var(--gap-block) * .8);
}
.base-3 {
  background: var(--clr-panel);
}
.list-body-auto {
  background: var(--clr-primary);
  color: var(--clr-primary-fg);
}
.list-body-auto .shape-soft,.list-body-auto .flow-copy-compact {
  color: var(--clr-primary-fg);
}
.core-main {
  border-bottom: 1px solid var(--clr-border);
}
.ref-narrow {
  text-align: center;
}
.ctx_cell {
  margin-bottom: .75rem;
  font-size: .85rem;
  opacity: .8;
}
.copy-x {
  margin: 0 .5rem;
}
.label_fixed {
  opacity: .7;
}
.shape-soft {
  margin-bottom: .5rem;
}
.cnt-last {
  margin: 0;
  max-width: 40rem;
  font-size: 1.1rem;
  opacity: .85;
}
.ref-narrow .cnt-last {
  margin-inline: auto;
}
.edge-cell {
  overflow-wrap: anywhere;
}
.group-line-new>* {
  min-width: 0;
}
.tile-sec2 {
  max-width: 24ch;
}
.lead-12 {
  color: var(--clr-dim);
}
.icon-v3 {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.site-2 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 2.5rem;
}
.tile-sec2 {
  margin-bottom: 0;
  max-width: 22ch;
  font-size: clamp(2rem,4vw,3.7rem);
}
.site-node {
  max-width: 48ch;
  margin: 0;
}
.hero-a {
  margin: 0;
}
.inner-intro {
  object-fit: cover;
  aspect-ratio: 2.8/1;
  width: 100%;
  border-radius: var(--radius-large);
}
.item_10 {
  font-size: .85rem;
  padding: .9rem 0;
  color: var(--clr-dim);
}
.head-12 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding: 1.2rem 0;
  margin: 1rem 0 2.5rem;
  border-top: 1px solid var(--clr-border);
  border-bottom: 1px solid var(--clr-border);
  font-size: .85rem;
  color: var(--clr-dim);
}
.head-12 strong,.box2-panel {
  font-weight: 700;
  color: var(--clr-text);
}
.cap-ghost {
  max-width: 68rem;
  margin-inline: auto;
  column-rule: 1px solid var(--clr-border);
  columns: 2;
  column-gap: clamp(2rem,5vw,5rem);
}
.chip-accent {
  margin-bottom: 1.5rem;
  break-inside: avoid;
  line-height: 1.85;
  color: var(--clr-dim);
}
.chip-accent:first-child {
  font-size: 1.13rem;
  color: var(--clr-text);
}
@media(max-width:740px){
.site-2 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.inner-intro {
  aspect-ratio: 16/10;
}
.cap-ghost {
  columns: 1;
}
.head-12 {
  justify-content: flex-start;
}
}
.wrap-col-muted {
  overflow-wrap: anywhere;
}
.logo-el>* {
  min-width: 0;
}
.outro-5 {
  max-width: 24ch;
}
.outer-edge {
  color: var(--clr-dim);
}
.layer-open {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.logo-el {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.9fr);
}
.quote {
  margin: 0;
  min-width: 0;
}
.view-sec-y {
  width: 100%;
  border-radius: var(--radius-large);
  aspect-ratio: 6/5;
  object-fit: cover;
}
.cell_7 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  font-size: .8rem;
  color: var(--clr-dim);
  padding: .9rem 4.5rem .9rem .1rem;
}
.cell_7 strong {
  padding-left: .3rem;
  color: var(--clr-text);
  font-weight: 700;
}
.cap {
  position: relative;
  margin-left: -4rem;
  margin-block: 2rem;
  padding: clamp(1.5rem,4vw,3.5rem);
  background: var(--clr-canvas);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-1);
}
.outro-5 {
  font-size: clamp(1.8rem,3.4vw,3rem);
}
.outer-edge {
  margin: 1.5rem 0 2rem;
  line-height: 1.8;
}
@media(max-width:760px){
.logo-el {
  grid-template-columns: 1fr;
}
.view-sec-y {
  aspect-ratio: 4/3;
}
.cap {
  box-shadow: none;
  margin: 1rem 0 0;
}
.cell_7 {
  padding-right: .1rem;
}
.outro-5 {
  max-width: 28ch;
}
}
.part-info {
  max-width: 44rem;
  margin-bottom: 2.5rem;
}
.row_alt .part-info {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.box-new {
  gap: 2.5rem 3rem;
}
.sec_xl .flow {
  border-top: 2px solid var(--clr-primary);
  padding-top: 1.25rem;
}
.zone-layer {
  margin-bottom: .6rem;
  font-size: 1.15rem;
}
.sec2_ref_compact {
  line-height: 1.7;
  margin: 0;
}
.top-10 {
  padding-block: calc(var(--gap-block) * .9) calc(var(--gap-block) * .7);
}
.sec2_unit_soft {
  border-bottom: 4px solid var(--clr-primary);
}
.btn-loose {
  border-bottom: 4px solid var(--clr-secondary);
}
.unit_top {
  border-bottom: 1px solid var(--clr-border);
}
.sub-hard {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.toggle-info-inline {
  margin: 0;
  font-size: calc(var(--fs-2xl) * 1.05);
}
.view-third {
  max-width: 34rem;
  margin: 0 0 .35rem;
}
@media (max-width:760px){
.sub-hard {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.outro-bottom .cnt-first {
  max-width: 46rem;
}
.outro-media-big .cnt-first {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: start;
}
.view-wide {
  margin-bottom: 1.5rem;
}
.title-4 {
  padding: .25rem 0;
  border-bottom: 1px solid var(--clr-border);
}
.shape-active {
  position: relative;
  padding: .9rem 2rem .9rem 0;
  list-style: none;
  cursor: pointer;
  font-weight: 600;
}
.shape-active::-webkit-details-marker {
  display: none;
}
.shape-active::after {
  content: "+";
  font-size: 1.4rem;
  top: .7rem;
  position: absolute;
  transition: transform .2s;
  right: 0;
  color: var(--clr-primary);
}
.title-4[open] .shape-active::after {
  transform: rotate(45deg);
}
.view-old {
  color: var(--clr-dim);
  margin: 0 0 1rem;
}
@media (max-width:860px){
.outro-media-big .cnt-first {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.label-outer {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(12,minmax(0,1fr));
}
.copy-foot-left {
  grid-column: 1/9;
  margin: 0;
  grid-row: 1;
}
.el-inline .copy-foot-left {
  grid-column: 5/13;
}
.mark_11 {
  border-radius: var(--radius-large);
  aspect-ratio: 3/2;
  width: 100%;
  object-fit: cover;
}
.foot-main {
  padding: clamp(1.5rem,4vw,2.75rem);
  box-shadow: var(--shadow-2);
  position: relative;
  grid-row: 1;
  background: var(--clr-canvas);
  grid-column: 7/13;
  border-radius: var(--radius-large);
}
.el-inline .foot-main {
  grid-column: 1/7;
}
.stack-7 .foot-main {
  color: var(--clr-primary-fg);
  background: var(--clr-primary);
}
.media_page {
  text-transform: var(--transform-label);
  font-weight: 700;
  font-size: .8rem;
  margin-bottom: .7rem;
  letter-spacing: var(--ls-overline);
  color: var(--clr-tagline);
  display: block;
}
.stack-7 .media_page,.stack-7 .nav_main {
  color: var(--clr-primary-fg);
}
.nav_main {
  margin-bottom: .8rem;
}
.cnt-lg {
  opacity: .9;
  margin-bottom: 1.5rem;
}
@media (max-width:820px){
.label-outer {
  grid-template-columns: minmax(0,1fr);
}
.copy-foot-left,.el-inline .copy-foot-left {
  grid-column: 1;
}
.foot-main,.el-inline .foot-main {
  grid-row: 2;
  grid-column: 1;
  margin: -3rem 1rem 0;
}
}
.card-v3 {
  background: var(--clr-canvas);
  padding-block: calc(var(--gap-block) * .85);
  overflow-wrap: anywhere;
}
.bar {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.stat-lg {
  font-size: .8rem;
  text-transform: var(--transform-label);
  letter-spacing: var(--ls-overline);
  max-width: 75%;
  color: var(--clr-primary);
  font-weight: 600;
}
.brand_8 {
  background: var(--clr-border);
  flex: 1;
  height: 1px;
}
.elem-mark .brand_8 {
  height: 3px;
  background: var(--clr-primary);
}
.strip {
  padding-bottom: 1.8rem;
  max-width: 24ch;
  line-height: 1.1;
  margin: 0;
  font-size: calc(var(--fs-2xl) * 1.2);
}
.page_list_auto {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--clr-border);
  padding-top: 1.3rem;
}
.nav-b {
  color: var(--clr-dim);
  font-weight: 600;
  max-width: 24rem;
  font-size: .8rem;
}
.area-inline {
  grid-template-columns: minmax(0,1fr);
}
.btn_lead {
  margin: 0;
  font-size: 1.1rem;
  max-width: 42rem;
  line-height: 1.7;
  color: var(--clr-dim);
}
@media (max-width:640px){
.strip {
  font-size: var(--fs-2xl);
}
.page_list_auto {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.nav-b {
  display: none;
}
.btn_lead {
  font-size: 1rem;
}
}
.el_cnt_c {
  max-width: 56rem;
}
.outer-hard {
  margin-bottom: 2rem;
}
.base-round {
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--clr-border);
  list-style: none;
}
.card-active {
  display: grid;
  grid-template-columns: 14rem 1fr;
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--clr-border);
  align-items: start;
}
.node-10 .card-active {
  grid-template-columns: 1fr 14rem;
}
.node-10 .site-input-wide {
  order: 2;
}
.box2-lead .card-active {
  grid-template-columns: 1fr;
}
.site-input-wide {
  overflow: hidden;
  display: block;
  border-radius: var(--radius-large);
}
.app_half {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 4/3;
}
.layer-3 {
  margin-bottom: .5rem;
  font-size: .85rem;
  color: var(--clr-dim);
  display: block;
}
.tile {
  margin-bottom: .5rem;
  font-size: 1.4rem;
}
.edge {
  color: var(--clr-text);
}
.edge:hover {
  color: var(--clr-primary);
}
.text-full {
  margin-bottom: .5rem;
  color: var(--clr-dim);
}
.brand-md {
  font-weight: 600;
}
@media (max-width:640px){
.card-active,.node-10 .card-active {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.node-10 .site-input-wide {
  order: 0;
}
}
.img-elem-lg {
  max-width: 42rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}
.line-4 {
  margin-bottom: 0;
}
.pill {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}
.field-frame-primary .pill {
  grid-template-columns: minmax(0,3fr) minmax(0,2fr);
}