:root {
  --color-brand: rgb(30,50,118);
  --color-brand-strong: rgb(15,28,72);
  --color-primary-tint: rgb(136,155,215);
  --color-primary-inverse: rgb(102,129,217);
  --color-primary-fg: rgb(255,255,255);
  --color-accent: rgb(166,141,58);
  --color-accent-contrast: rgb(255,255,255);
  --color-bg: rgb(255,255,255);
  --color-layer: rgb(246,246,249);
  --color-copy: rgb(32,37,55);
  --color-faint: rgb(96,105,133);
  --color-rule: rgb(229,230,235);
  --color-night: rgb(19,25,42);
  --color-dark-surface: rgb(30,36,56);
  --color-on-dark: rgb(244,244,246);
  --color-on-dark-muted: rgb(171,174,186);
  --radius-sm: 3px;
  --radius-large: 6px;
  --radius-control: 3px;
  --case-cta: none;
  --tracking-button: 0;
  --weight-cta: 600;
  --font-display: 'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;
  --font-copy: 'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;
  --size-xxl: clamp(1.8rem, 3.4vw, 2.5rem);
  --size-xl: clamp(1.4rem, 2.4vw, 1.9rem);
  --size-lg: 1.15rem;
  --weight-title: 700;
  --tracking-heading: -0.01em;
  --line-height-tight: 1.25;
  --case-label: uppercase;
  --tracking-label: .12em;
  --color-label: rgb(30,50,118);
  --size-md: 1rem;
  --line-height-normal: 1.5;
  --container-page: 1121px;
  --space-section: 5.9rem;
  --shadow-card: 0 10px 30px rgba(0,0,0,.06);
  --shadow-raised: 0 24px 60px rgba(0,0,0,.12);
}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--color-bg);
  overflow-wrap: anywhere;
  font-size: var(--size-md);
  color: var(--color-copy);
  font-family: var(--font-copy);
  line-height: var(--line-height-normal);
}
img,svg,video {
  display: block;
  height: auto;
  max-width: 100%;
}
h1,h2,h3,h4 {
  font-family: var(--font-display);
  line-height: var(--line-height-tight);
  hyphens: manual;
  margin: 0 0 .6em;
  font-weight: var(--weight-title);
  color: var(--color-copy);
  letter-spacing: var(--tracking-heading);
}
h1 {
  font-size: var(--size-xxl);
}
h2 {
  font-size: var(--size-xl);
}
h3 {
  font-size: var(--size-lg);
  line-height: 1.3;
}
h4 {
  font-size: 1.05rem;
  line-height: 1.35;
}
p {
  margin: 0 0 1em;
}
a {
  text-decoration: none;
  color: var(--color-brand);
}
@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 {
  color: inherit;
  font: inherit;
}
::selection {
  color: var(--color-copy);
  background: var(--color-primary-tint);
}
.title_inner {
  width: min(100% - 2.5rem,var(--container-page));
  margin-inline: auto;
}
.chip-3 {
  width: min(100% - 2.5rem,48rem);
}
.frame-muted {
  padding-block: var(--space-section);
}
.strip-5 {
  background: var(--color-layer);
}
.copy-right {
  background: var(--color-night);
  color: var(--color-on-dark);
}
.copy-right h1,.copy-right h2,.copy-right h3,.copy-right h4 {
  color: inherit;
}
.copy-right a {
  color: var(--color-primary-inverse);
}
.copy-right .nav-page-stack,.copy-right .cap_stack_raised {
  color: var(--color-on-dark-muted);
}
.copy-right .site-info-fixed {
  color: var(--color-primary-inverse);
}
.dot_dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-control);
  background: var(--color-brand);
  color: var(--color-primary-fg);
  font-weight: var(--weight-cta);
  text-transform: var(--case-cta);
  letter-spacing: var(--tracking-button);
  line-height: 1.25;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s,color .2s,border-color .2s,transform .2s;
}
.dot_dot:hover {
  background: var(--color-brand-strong);
  color: var(--color-primary-fg);
}
.dot_dot:active {
  transform: translateY(1px);
}
.el-panel {
  border-color: currentColor;
  background: transparent;
  color: var(--color-brand);
}
.el-panel:hover {
  color: var(--color-primary-fg);
  border-color: var(--color-brand);
  background: var(--color-brand);
}
.media-mark-x {
  background: var(--color-accent);
  color: var(--color-accent-contrast);
}
.media-mark-x:hover {
  filter: brightness(.92);
  color: var(--color-accent-contrast);
  background: var(--color-accent);
}
.text-ctx-lg {
  background: var(--color-on-dark);
  color: var(--color-night);
}
.text-ctx-lg:hover {
  background: rgb(255,255,255);
  color: var(--color-night);
}
.card-old {
  padding: .55rem 1.1rem;
  font-size: .9rem;
}
.media {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.copy-right .dot_dot:not(.el-panel):not(.media-mark-x):not(.text-ctx-lg) {
  color: var(--color-night);
  background: var(--color-primary-inverse);
}
.copy-right .dot_dot:not(.el-panel):not(.media-mark-x):not(.text-ctx-lg):hover {
  color: var(--color-night);
  background: var(--color-on-dark);
}
.copy-right .el-panel {
  color: var(--color-on-dark);
  border-color: var(--color-on-dark-muted);
}
.copy-right .el-panel:hover {
  color: var(--color-night);
  background: var(--color-on-dark);
  border-color: var(--color-on-dark);
}
.wrap_left {
  gap: 1.5rem;
  display: grid;
}
.row-md {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.view-avatar {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.elem-sec-round {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.card_part_active {
  grid-template-columns: repeat(2,1fr);
}
.item-lg {
  grid-template-columns: repeat(3,1fr);
}
.img_head_tight {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){
.img_head_tight {
  grid-template-columns: repeat(2,1fr);
}
.item-lg {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.card_part_active,.item-lg,.img_head_tight {
  grid-template-columns: 1fr;
}
}
.badge-full {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.badge-full>* {
  min-width: 0;
}
.badge-full.card_part_active>* {
  flex: 0 0 calc((100% - 1.5rem)/2);
}
.badge-full.item-lg>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.badge-full.img_head_tight>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){
.badge-full.item-lg>*,.badge-full.img_head_tight>* {
  flex-basis: calc((100% - 1.5rem)/2);
}
}
@media (max-width:560px){
.badge-full.card_part_active>*,.badge-full.item-lg>*,.badge-full.img_head_tight>* {
  flex-basis: 100%;
}
}
.nav-page-stack {
  font-size: 1.15rem;
  color: var(--color-faint);
}
.site-info-fixed {
  text-transform: var(--case-label);
  font-weight: 700;
  color: var(--color-label);
  letter-spacing: var(--tracking-label);
  display: inline-block;
  margin-bottom: .75rem;
  font-size: .8rem;
}
.cap_stack_raised {
  color: var(--color-faint);
}
.ref_item_md {
  text-align: center;
}
.elem-muted {
  position: absolute;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
}
@media (max-width:640px){
.frame-muted {
  padding-block: calc(var(--space-section) * .7);
}
}
.mark-block {
  z-index: 20;
  position: relative;
  background: var(--color-bg);
}
.outer-lg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 5rem;
}
.item-col {
  min-width: 0;
  display: inline-flex;
}
.logo {
  width: auto;
  max-height: 2.4rem;
  height: auto;
}
.stat-fit:focus-visible + .menu-bar-top {
  outline: 2px solid var(--color-brand);
  outline-offset: 4px;
}
.menu-bar-top {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  min-height: 44px;
  padding: .55rem 1.1rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-control);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.menu-bar-top:hover {
  border-color: var(--color-brand);
  color: var(--color-brand);
}
.shape {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.pic-panel {
  border-radius: 2px;
  width: 22px;
  display: block;
  height: 2px;
  transition: transform .2s;
  background: currentColor;
}
.stat-fit:checked + .menu-bar-top .pic-panel:first-child {
  transform: translateY(3.5px) rotate(45deg);
}
.stat-fit:checked + .menu-bar-top .pic-panel:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}
.main_core {
  top: 100%;
  padding: clamp(2rem,5vw,3.5rem) 0;
  left: 0;
  display: none;
  position: absolute;
  right: 0;
  box-shadow: var(--shadow-raised);
}
.ct_bottom .main_core {
  color: var(--color-on-dark);
  background: var(--color-night);
}
.label_flat .main_core {
  background: var(--color-layer);
  border-block: 1px solid var(--color-rule);
}
.stat-fit:checked ~ .main_core {
  display: block;
}
.cell-icon {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,4rem);
}
.shape-page-dark {
  column-gap: 2.5rem;
  list-style: none;
  padding: 0;
  columns: 2 14rem;
  margin: 0;
}
.media-label-auto {
  break-inside: avoid;
  margin-bottom: .4rem;
}
.outer-ct-sm {
  display: inline-block;
  line-height: 1.3;
  font-weight: var(--weight-title);
  font-family: var(--font-display);
  color: inherit;
  font-size: clamp(1.4rem,2.6vw,2.1rem);
}
.outer-ct-sm:hover,.stat {
  color: var(--color-brand);
}
.ct_bottom .outer-ct-sm:hover,.ct_bottom .stat {
  color: var(--color-primary-inverse);
}
.meta-y {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  padding-inline-start: clamp(0rem,3vw,2rem);
  border-inline-start: 1px solid var(--color-rule);
}
.ct_bottom .meta-y {
  border-color: rgba(255,255,255,.18);
}
.head {
  font-size: .75rem;
  color: var(--color-faint);
  text-transform: uppercase;
  letter-spacing: .12em;
  margin: 0 0 .4rem;
  font-weight: 700;
}
.ct_bottom .head {
  color: var(--color-on-dark-muted);
}
.cell {
  color: inherit;
  font-weight: 600;
}
.cell:hover {
  color: var(--color-brand);
}
.core {
  margin: .4rem 0 0;
  color: var(--color-faint);
  font-size: .9rem;
}
.ct_bottom .core {
  color: var(--color-on-dark-muted);
}
@media (max-width:720px){
.cell-icon {
  grid-template-columns: minmax(0,1fr);
}
.meta-y {
  padding-inline-start: 0;
  border-top: 1px solid var(--color-rule);
  border-inline-start: 0;
  padding-top: 1.5rem;
}
.area_auto {
  display: none;
}
}
.unit_panel {
  overflow-wrap: anywhere;
  background: var(--color-night);
  color: var(--color-on-dark);
  padding-block: var(--space-section) 1.5rem;
}
.field-line {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.7fr);
  gap: 3rem 5rem;
}
.bar-12 {
  min-width: 0;
  max-width: 30rem;
}
.copy-part-narrow {
  font-family: var(--font-display);
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
  display: block;
  font-weight: var(--weight-title);
  line-height: 1.2;
}
.field-wrap {
  font-size: .95rem;
  color: var(--color-on-dark-muted);
  margin-bottom: 2rem;
}
.strip-a {
  font-size: .8rem;
  text-transform: var(--case-label);
  font-weight: 600;
  font-family: var(--font-copy);
  letter-spacing: var(--tracking-label);
  margin-bottom: 1rem;
  color: var(--color-on-dark-muted);
}
.row-layer-loose {
  font-style: normal;
  color: var(--color-on-dark);
  line-height: 1.8;
  font-size: .9rem;
}
.link-alt {
  min-width: 0;
}
.sec2-unit-stack {
  padding: 0;
  border-top: 1px solid var(--color-on-dark-muted);
  margin: 0;
  list-style: none;
}
.core-info-v3 {
  border-bottom: 1px solid var(--color-on-dark-muted);
}
.outer-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--color-on-dark);
  padding: .85rem 0;
  font-family: var(--font-display);
  font-size: clamp(1.3rem,3.4vw,2.4rem);
  line-height: 1.15;
}
.outer-side:hover {
  color: var(--color-primary-inverse);
}
.outer-auto {
  flex: none;
  font-size: 1.3rem;
  font-family: var(--font-copy);
}
.cnt {
  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-on-dark-muted);
  padding-top: 1.3rem;
}
.view-quote {
  font-size: .8rem;
  color: var(--color-on-dark-muted);
  max-width: 36rem;
}
.link-block-a {
  max-width: 100%;
  min-width: 0;
}
.outro-x {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.icon_first {
  min-width: 0;
}
.sub_first {
  text-underline-offset: .25em;
  font-size: .8rem;
  color: var(--color-on-dark-muted);
  text-decoration: underline;
}
.sub_first:hover {
  color: var(--color-on-dark);
}
@media (max-width:760px){
.field-line {
  grid-template-columns: 1fr;
  gap: 2rem;
}
.bar-12 {
  max-width: none;
}
.cnt {
  gap: 1rem;
}
.outer-side {
  font-size: 1.5rem;
}
}
.layer-narrow {
  right: 0;
  box-shadow: var(--shadow-card);
  padding: 1rem 0;
  z-index: 50;
  position: fixed;
  left: 0;
}
.top-alt {
  bottom: 0;
}
.edge-field-round {
  background: var(--color-night);
  color: var(--color-on-dark);
}
.row-line {
  color: var(--color-copy);
  background: var(--color-layer);
  border-top: 1px solid var(--color-rule);
}
.layer-narrow[hidden] {
  display: none;
}
.top_left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.link-sm {
  font-size: .95rem;
  margin: 0;
}
.btn_node {
  text-decoration: underline;
  margin-left: .35rem;
  color: inherit;
}
.menu-7 {
  flex-shrink: 0;
  gap: .75rem;
  display: flex;
}
.edge-field-round .cnt-8 {
  border-color: var(--color-bg);
}
.edge-field-round .cnt-8:not(.el-panel) {
  border-color: transparent;
  color: var(--color-night);
  background: var(--color-primary-inverse);
}
.edge-field-round .el-panel.cnt-8 {
  color: var(--color-bg);
}
@media (max-width:720px){
.layer-narrow {
  padding: .7rem 0;
}
.top_left {
  flex-direction: column;
  align-items: stretch;
  gap: .6rem;
}
.link-sm {
  font-size: .84rem;
  line-height: 1.4;
}
.menu-7 {
  justify-content: flex-end;
}
}
.layer-elem {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.info-z .shape-label {
  order: 1;
}
.info-z .app-page-b {
  order: 2;
}
.app-page-b,.shape-label {
  overflow-wrap: anywhere;
  min-width: 0;
}
.col_accent {
  margin: 0;
}
.author-bottom {
  gap: .75rem;
  margin: 1.5rem 0 0;
  display: grid;
}
.tile-lg {
  display: grid;
  grid-template-columns: minmax(0,9.5rem) minmax(0,1fr);
  gap: 1rem;
}
.layer_base_y {
  font-weight: 600;
  color: var(--color-faint);
  font-size: .9rem;
}
.area-md {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.ct-5 {
  color: inherit;
}
.shape-label {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-layer);
  border-radius: var(--radius-large);
  border: 1px solid var(--color-rule);
}
.row {
  min-width: 0;
  display: grid;
  gap: .35rem;
}
.block-side {
  font-weight: 600;
  font-size: .9rem;
}
.group {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
}
.group:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}
.title-z {
  resize: vertical;
}
.group-cell-c {
  overflow-wrap: anywhere;
  justify-self: start;
  max-width: 100%;
}
@media (max-width:860px){
.layer-elem {
  grid-template-columns: minmax(0,1fr);
}
.info-z .shape-label,.info-z .app-page-b {
  order: 0;
}
}
@media (max-width:480px){
.tile-lg {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}
.shape-label {
  padding: 1.25rem;
}
}
.cap-fit {
  text-align: center;
  padding-block: calc(var(--space-section) * 1.3);
}
.row_list {
  background: var(--color-layer);
}
.nav {
  background: var(--color-brand);
  color: var(--color-primary-fg);
}
.nav .sub-site,.nav .sec-big {
  color: var(--color-primary-fg);
}
.nav .author-last {
  color: var(--color-primary-fg);
  border-color: var(--color-primary-fg);
}
.nav .author-last:hover {
  background: var(--color-primary-fg);
  color: var(--color-brand);
}
.label-dark {
  max-width: 48rem;
}
.sec-big {
  font-size: 1.15rem;
  color: var(--color-faint);
  margin-bottom: 1.75rem;
}
.label_5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.stack {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5rem;
  list-style: none;
  margin: 3rem 0 0;
  padding: 0;
}
.list {
  display: flex;
  flex-direction: column;
  gap: .15rem;
}
.cell_pill {
  font-family: var(--font-display);
  font-size: 2rem;
  line-height: 1;
}
.pill-mark-inline {
  opacity: .8;
  font-size: .9rem;
}
.line-7 {
  margin-bottom: 2.5rem;
}
.title-base {
  margin: 0;
  list-style: none;
  padding: 0;
}
.pill_compact {
  grid-template-columns: minmax(0,1fr);
  max-width: 36rem;
  margin-inline: auto;
}
.cell-item-auto {
  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;
}
.cell-item-auto:hover {
  box-shadow: var(--shadow-card);
  transform: translateY(-3px);
}
.panel-panel-first {
  color: var(--color-brand);
  margin-bottom: 1rem;
}
.panel-panel-first svg {
  width: 2rem;
  height: 2rem;
}
.meta_10 {
  flex-grow: 1;
  color: var(--color-faint);
}
.btn-menu-big {
  color: var(--color-brand-strong);
  margin-top: .5rem;
  font-weight: 700;
}
.tag-loose {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 1rem 3rem;
  align-items: end;
  margin-bottom: clamp(2rem,4vw,3rem);
}
.el_brand_primary {
  margin-bottom: 0;
  grid-column: 1/-1;
}
.side-dot-square,.ct-left {
  margin: 0;
}
.stack_nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-auto-rows: minmax(11rem,auto);
  gap: 1rem;
}
.cell_first {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  margin: 0;
  padding: 1.5rem;
  border-radius: var(--radius-large);
  background: var(--color-layer);
}
.author-author-full .cell_first {
  background: var(--color-bg);
}
.btn-ct {
  overflow: hidden;
  grid-row: 1/3;
  grid-column: 1/3;
  padding: 0;
}
.author-top {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.input-4 {
  grid-column: 3/5;
  justify-content: flex-end;
}
.author-zone-alt .input-4 {
  color: var(--color-primary-fg);
  background: var(--color-brand);
}
.el-first .input-4 {
  color: var(--color-on-dark);
  background: var(--color-night);
}
.strip-sub {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}
.strip-sub .card-1 {
  flex: 0 0 14rem;
}
.outro-wrap-fixed {
  background: var(--color-primary-tint);
  display: grid;
  border-radius: var(--radius-sm);
  width: 2.75rem;
  place-items: center;
  flex: none;
  height: 2.75rem;
  color: var(--color-brand-strong);
}
.author-zone-alt .input-4 .outro-wrap-fixed,.el-first .input-4 .outro-wrap-fixed {
  background: rgba(255,255,255,.16);
  color: inherit;
}
.outro-wrap-fixed svg {
  width: 1.35rem;
  height: 1.35rem;
}
.card-1 {
  color: inherit;
  margin: .6rem 0 .1rem;
  font-size: 1.15rem;
}
.pane-big {
  font-size: .95rem;
  opacity: .85;
  margin: 0;
}
.strip-sub .card-1 {
  margin: 0;
}
@media (max-width:860px){
.tag-loose {
  grid-template-columns: minmax(0,1fr);
}
.stack_nav {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  grid-auto-rows: auto;
}
.btn-ct {
  grid-row: auto;
  grid-column: 1/-1;
  aspect-ratio: 4/3;
}
.input-4,.strip-sub {
  grid-column: 1/-1;
}
.strip-sub {
  flex-direction: column;
  align-items: flex-start;
}
.strip-sub .card-1 {
  flex: none;
}
}
@media (max-width:520px){
.stack_nav {
  grid-template-columns: minmax(0,1fr);
}
}
.intro-ref {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
  gap: 2rem;
  align-items: start;
}
.group-3 {
  border-radius: var(--radius-large);
  background: var(--color-brand);
  padding: clamp(1.5rem,3.5vw,3rem);
  color: var(--color-primary-fg);
}
.panel-last {
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
.media-wide {
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  overflow-wrap: anywhere;
  color: inherit;
}
.box2 {
  margin: 0;
  font-size: .95rem;
}
.burger-big {
  gap: .75rem;
  display: grid;
}
.card-half {
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  min-width: 0;
}
.author-area {
  position: relative;
  display: grid;
  grid-template-columns: 1.5rem minmax(0,1fr);
  gap: .75rem;
  padding: 1.25rem 3rem 1.25rem 1.25rem;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.author-area::-webkit-details-marker {
  display: none;
}
.author-area::after {
  right: 1.25rem;
  content: '+';
  font-size: 1.4rem;
  top: 1.05rem;
  color: var(--color-brand);
  font-weight: 400;
  position: absolute;
}
.card-half[open] .author-area::after {
  content: '−';
}
.author-area:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
}
.pill_inline {
  font-size: .75rem;
  padding-top: .2rem;
  color: var(--color-faint);
}
.outer-sub {
  padding: 0 1.25rem 1.5rem 3.5rem;
  margin: 0;
  color: var(--color-faint);
}
@media(max-width:760px){
.intro-ref {
  grid-template-columns: minmax(0,1fr);
}
.panel-last {
  margin-bottom: 1rem;
}
.outer-sub {
  padding-left: 1.25rem;
}
}
.ref-side-primary {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  gap: clamp(1.75rem,5vw,4rem);
  align-items: center;
  padding: clamp(1.75rem,5vw,3.25rem);
  border-radius: var(--radius-large);
}
.cnt_x {
  border: 2px solid var(--color-brand);
}
.icon-old {
  background: var(--color-layer);
}
.outro-panel-y {
  color: var(--color-primary-fg);
  background: var(--color-brand);
}
.mark {
  color: var(--color-label);
  margin-bottom: .7rem;
  text-transform: var(--case-label);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  display: block;
  font-size: .8rem;
}
.outro-panel-y .mark,.outro-panel-y .brand_8 {
  color: var(--color-primary-fg);
}
.brand_8 {
  margin-bottom: .9rem;
}
.fig-icon-full {
  opacity: .9;
  margin-bottom: 1.6rem;
}
.item_b {
  gap: 1rem;
  padding: 0;
  margin: 0;
  display: grid;
  list-style: none;
}
.label_list {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: 1rem 1.1rem;
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-copy);
  font-weight: 600;
  box-shadow: var(--shadow-card);
}
.group-v2 {
  background: var(--color-brand);
  width: 1.9rem;
  place-items: center;
  border-radius: 50%;
  flex: none;
  height: 1.9rem;
  display: grid;
  color: var(--color-primary-fg);
}
.group-v2 svg {
  height: 1rem;
  width: 1rem;
}
@media (max-width:820px){
.ref-side-primary {
  grid-template-columns: minmax(0,1fr);
}
}
.el-a {
  background: var(--color-bg);
  overflow-wrap: anywhere;
  padding-block: calc(var(--space-section) * .7);
}
.group_9 {
  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;
}
.hero_tag {
  padding: clamp(1.5rem,4.5vw,4rem);
  min-width: 0;
  border-top: 4px solid var(--color-brand);
}
.label-left .hero_tag {
  border-left: 4px solid var(--color-brand);
  border-top: 0;
}
.avatar_12 {
  color: var(--color-brand);
}
.brand {
  line-height: 1.15;
  max-width: 22ch;
  font-size: calc(var(--size-xxl) * .88);
}
.badge-2 {
  max-width: 38rem;
  line-height: 1.7;
  color: var(--color-faint);
  font-size: 1.05rem;
  margin: 1.2rem 0 0;
}
.pill-sticky {
  padding: .8rem;
  display: flex;
  margin: 0;
  min-width: 0;
}
.ref-primary {
  height: 100%;
  min-height: 12rem;
  border-radius: var(--radius-sm);
  object-fit: cover;
  width: 100%;
  aspect-ratio: 4/5;
}
@media (max-width:700px){
.group_9 {
  grid-template-columns: 1fr;
}
.brand {
  font-size: var(--size-xxl);
}
.pill-sticky {
  padding: 0 1.25rem 1.25rem;
}
.ref-primary {
  height: auto;
  aspect-ratio: 16/7;
  min-height: 0;
}
.badge-2 {
  font-size: 1rem;
}
}
.media_half {
  min-width: 0;
}
.head-mini {
  max-width: 54rem;
  margin-bottom: 2rem;
}
.edge-body-fill {
  overflow-wrap: anywhere;
}
.ctx-v2 {
  gap: 1.2rem;
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
}
.meta-elem-sub {
  overflow-wrap: anywhere;
  min-width: 0;
}
.meta-elem-sub h3 {
  font-size: 1.2rem;
  margin: 0 0 .6rem;
}
.meta-elem-sub p {
  margin: 0;
  line-height: 1.7;
}
.elem-c {
  overflow-wrap: anywhere;
  color: var(--color-faint);
  margin-bottom: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-size: .8rem;
  display: block;
}
.ctx-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.meta-elem-sub {
  border: 1px solid var(--color-rule);
  padding: 1.6rem;
  border-radius: var(--radius-sm);
}
@media (max-width: 700px){
.ctx-v2 {
  grid-template-columns: minmax(0, 1fr);
}
.meta-elem-sub {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.badge-node {
  overflow-wrap: anywhere;
}
.list-main {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.copy-bar {
  padding-top: 1.5rem;
  border-top: 4px solid var(--color-brand);
}
.ref-4 {
  margin-bottom: 1.5rem;
  padding: 0 0 1.5rem 3.5rem;
  border-bottom: 1px solid var(--color-rule);
  position: relative;
}
.sec-box-stack {
  color: var(--color-faint);
  font-variant-numeric: tabular-nums;
  top: .15rem;
  left: 0;
  position: absolute;
  font-size: .8rem;
}
.inner_b {
  max-width: 65ch;
}
@media (max-width: 760px){
.list-main {
  grid-template-columns: minmax(0, 1fr);
}
.ref-4 {
  padding-left: 2.5rem;
}
}
.core-media {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 3rem;
  align-items: center;
}
.field-8 .card-wrap-main {
  order: 2;
}
.card-wrap-main {
  margin: 0;
}
.menu {
  aspect-ratio: 9/8;
  border-radius: var(--radius-large);
  width: 100%;
  object-fit: cover;
}
.hero {
  color: var(--color-faint);
}
.cell_half {
  font-weight: 600;
}
@media (max-width:860px){
.core-media {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.field-8 .card-wrap-main {
  order: 0;
}
}
.nav-nav-right {
  overflow-wrap: anywhere;
}
.outro-chip>* {
  min-width: 0;
}
.pane_input_v2 {
  max-width: 24ch;
}
.edge_10 {
  color: var(--color-faint);
}
.hero-big {
  text-align: center;
  max-width: 100%;
  white-space: normal;
}
.info-sub {
  margin-bottom: 3rem;
  max-width: 54rem;
}
.pane_input_v2 {
  font-size: clamp(2rem,4vw,3.4rem);
}
.outro-chip {
  display: grid;
  grid-template-columns: minmax(0,.65fr) minmax(0,1.6fr);
  gap: clamp(2rem,6vw,6rem);
  align-items: start;
}
.slot-open {
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-brand);
}
.tile {
  line-height: 1.35;
  font-size: 1.5rem;
  font-family: var(--font-display);
}
.slot-compact {
  margin: 1.8rem 0;
}
.slot-compact div {
  margin-bottom: 1.2rem;
}
.slot-compact dt,.media-main {
  color: var(--color-faint);
  margin: 0 0 .4rem;
  font-size: .8rem;
}
.slot-compact dd {
  margin: 0;
  font-size: 1.15rem;
}
.badge-first {
  list-style: none;
  padding: 0;
  margin: .7rem 0 0;
}
.badge-first li {
  font-size: .9rem;
  padding: .6rem 0;
  border-top: 1px solid var(--color-rule);
}
.frame {
  display: grid;
  grid-template-columns: 4.5rem minmax(0,1fr);
  gap: 1.5rem;
  padding: 0 0 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-rule);
}
.part-lg {
  font-family: var(--font-display);
  letter-spacing: -.05em;
  line-height: 1.1;
  font-size: clamp(2rem,5vw,3.5rem);
  color: var(--color-brand);
}
.elem-7 {
  font-size: clamp(1.3rem,2.1vw,1.75rem);
}
.edge_10 {
  line-height: 1.9;
  margin: 0;
  max-width: 62ch;
}
.edge-9 {
  min-width: 0;
}
@media(max-width:760px){
.outro-chip {
  grid-template-columns: 1fr;
}
.slot-open {
  border-top: 1px solid var(--color-rule);
  border-bottom: 1px solid var(--color-rule);
  padding: 1.2rem 0 1.2rem 1.2rem;
}
.slot-compact {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 2.5rem;
  margin: 1.2rem 0;
}
.slot-compact div {
  margin: 0;
}
.badge-first {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
}
.badge-first li {
  border-top: 0;
  padding: 0;
}
.frame {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: 1rem;
}
.part-lg {
  font-size: 2rem;
}
}
.col-outro {
  overflow-wrap: anywhere;
}
.note-9 {
  text-align: center;
  margin: 0 auto 3rem;
  max-width: 50rem;
}
.note-9 h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.line-img {
  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);
}
.line-img:nth-child(odd) {
  background: var(--color-layer);
}
.quote-toggle-alt {
  max-width: 20ch;
}
.media-12 {
  max-width: 70ch;
}
.media-12 p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px){
.line-img {
  grid-template-columns: minmax(0, 1fr);
}
.quote-toggle-alt {
  max-width: none;
}
}
.list-part {
  margin-bottom: 2.5rem;
  max-width: 40rem;
}
.frame-12 {
  display: grid;
  margin: 0;
  list-style: none;
  padding: 0;
  counter-reset: none;
  gap: 2rem;
}
.note-zone-big .frame-12,.outro .frame-12 {
  grid-template-columns: repeat(3,1fr);
}
.top-fixed.note-zone-big .frame-12,.top-fixed.outro .frame-12 {
  grid-template-columns: repeat(2,1fr);
}
.nav_sub_active.note-zone-big .frame-12,.nav_sub_active.outro .frame-12 {
  grid-template-columns: repeat(4,1fr);
}
.app-flow.note-zone-big .frame-12,.app-flow.outro .frame-12 {
  grid-template-columns: repeat(5,1fr);
  gap: 1.5rem;
}
.outro .frame-12 {
  gap: 2rem 3rem;
}
.outro .outer-nav-soft:nth-child(even) {
  margin-top: 2.5rem;
}
.copy-inner-v2 .frame-12 {
  gap: 0;
  max-width: 44rem;
}
.copy-inner-v2 .outer-nav-soft {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding-bottom: 2rem;
  position: relative;
}
.copy-inner-v2 .outer-nav-soft::before {
  top: 3rem;
  position: absolute;
  content: "";
  bottom: 0;
  background: var(--color-rule);
  width: 2px;
  left: 1.375rem;
}
.copy-inner-v2 .outer-nav-soft:last-child::before {
  display: none;
}
.edge-badge.copy-inner-v2 .outer-nav-soft::before {
  background: rgba(255,255,255,.18);
}
.tag-big {
  margin-bottom: 1rem;
  font-family: var(--font-display);
  font-weight: 700;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.nav-sm .tag-big {
  background: var(--color-brand);
  border-radius: 50%;
  width: 2.75rem;
  font-size: 1.1rem;
  color: var(--color-primary-fg);
  height: 2.75rem;
}
.author-avatar-narrow .tag-big {
  opacity: .9;
  line-height: 1;
  font-size: 3rem;
  color: var(--color-brand);
}
.edge-badge.author-avatar-narrow .tag-big {
  color: var(--color-primary-inverse);
}
.top .tag-big {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-brand);
  color: var(--color-brand);
  font-size: 1.1rem;
}
.edge-badge.top .tag-big {
  color: var(--color-primary-inverse);
  border-color: var(--color-primary-inverse);
}
.badge-11 {
  font-size: 1.1rem;
  margin-bottom: .35rem;
}
.group-third {
  margin: 0;
  color: var(--color-faint);
  font-size: .95rem;
}
.edge-badge .group-third {
  color: var(--color-on-dark-muted);
}
@media (max-width:900px){
.note-zone-big .frame-12,.outro .frame-12,.nav_sub_active.note-zone-big .frame-12,.nav_sub_active.outro .frame-12,.app-flow.note-zone-big .frame-12,.app-flow.outro .frame-12 {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:640px){
.note-zone-big .frame-12,.outro .frame-12,.top-fixed.note-zone-big .frame-12,.nav_sub_active.note-zone-big .frame-12,.app-flow.note-zone-big .frame-12,.top-fixed.outro .frame-12,.nav_sub_active.outro .frame-12,.app-flow.outro .frame-12 {
  grid-template-columns: 1fr;
}
.outro .outer-nav-soft:nth-child(even) {
  margin-top: 0;
}
}
.list-ghost {
  display: flex;
  color: var(--color-on-dark);
  align-items: center;
  min-height: 18rem;
  padding-block: calc(var(--space-section) * .9);
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
.link_first {
  z-index: -2;
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
.side {
  z-index: -1;
  inset: 0;
  position: absolute;
}
.ct_sub .side {
  background: linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.7));
}
.part_a .side {
  opacity: .88;
  background: var(--color-brand);
}
.part_a {
  color: var(--color-primary-fg);
}
.inner-square {
  width: min(100% - 2.5rem,var(--container-page));
}
.main-5 .inner-square {
  text-align: center;
}
.strip-box2-center {
  opacity: .85;
  font-size: .85rem;
  margin-bottom: .75rem;
}
.sub-img-alt {
  color: inherit;
}
.sub-img-alt:hover {
  color: inherit;
  text-decoration: underline;
}
.media-field-wide {
  margin: 0 .5rem;
}
.edge-dot {
  opacity: .8;
}
.tag-hard {
  color: inherit;
  margin-bottom: .5rem;
}
.panel_sub {
  max-width: 40rem;
  margin: 0;
  opacity: .9;
  font-size: 1.1rem;
}
.main-5 .panel_sub {
  margin-inline: auto;
}
.ref-10 {
  margin-bottom: 2.5rem;
  max-width: 40rem;
}
.elem-nav .ref-10 {
  text-align: center;
  margin-inline: auto;
}
.box-old {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap: 2rem 3rem;
}
.brand-sticky {
  margin: 0;
}
.quote {
  font-family: var(--font-display);
  font-weight: var(--weight-title);
  font-size: 1.1rem;
  margin-bottom: .5rem;
  display: flex;
  gap: .75rem;
  align-items: baseline;
}
.menu-x {
  color: var(--color-brand);
  flex-shrink: 0;
  font-size: .85rem;
  font-weight: 700;
}
.link-col {
  margin: 0;
  color: var(--color-faint);
}
.list_tag {
  max-width: 46rem;
}
.input_alt .list_tag {
  margin-left: auto;
  margin-right: auto;
}
.input_alt .badge_mini {
  text-align: center;
}
.badge_mini {
  margin-bottom: 1.5rem;
}
.burger {
  margin: 0 0 1.1rem;
  line-height: 1.7;
}
.input-icon {
  font-size: 1.15rem;
  margin: 1.75rem 0 .75rem;
}
.lead_flow {
  gap: .5rem;
  padding-left: 1.25rem;
  margin: 0;
  display: grid;
}
.block-fill::marker {
  color: var(--color-brand);
}
.pane-title {
  background: var(--color-layer);
  padding-block: calc(var(--space-section) * .75);
  overflow-wrap: anywhere;
  border-top: 4px solid var(--color-brand);
}
.sec2 {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  gap: 2rem 3rem;
  align-items: center;
}
.strip,.title_el_y {
  min-width: 0;
}
.body_inner_alt {
  color: var(--color-brand);
}
.unit-outer-sticky {
  margin: 0;
  max-width: 22ch;
}
.top_1 {
  color: var(--color-faint);
  max-width: 36rem;
  margin-bottom: 1.2rem;
}
.chip-wrap-mini {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.tile-12 {
  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-rule);
  padding-top: 1.3rem;
  min-width: 0;
}
.layer-6 {
  font-size: .85rem;
  max-width: 24rem;
  color: var(--color-copy);
  font-weight: 600;
}
.tile_line {
  display: flex;
  align-items: center;
  gap: .6rem;
  max-width: 100%;
  min-width: 0;
  font-size: .88rem;
  color: var(--color-brand);
}
.tile_line:hover {
  text-underline-offset: .3em;
  text-decoration: underline;
}
.label-5 {
  height: 1.1rem;
  display: block;
  width: 1.1rem;
  flex: none;
}
.label-5 svg {
  width: 1.1rem;
  height: 1.1rem;
}
@media (max-width:680px){
.sec2 {
  grid-template-columns: 1fr;
  gap: 1.4rem;
}
.unit-outer-sticky {
  max-width: 28ch;
}
.tile-12 {
  flex-direction: column;
  align-items: flex-start;
  gap: .8rem;
}
.layer-6 {
  max-width: 100%;
}
}
.text_mini {
  padding-block: calc(var(--space-section) * .8);
}
.hero_half {
  background: var(--color-layer);
}
.input_toggle_auto {
  color: var(--color-primary-fg);
  background: var(--color-brand);
}
.input_toggle_auto .toggle-light,.input_toggle_auto .tag {
  color: var(--color-primary-fg);
}
.cnt-2 {
  border-bottom: 1px solid var(--color-rule);
}
.lead-y {
  text-align: center;
}
.box {
  font-size: .85rem;
  opacity: .8;
  margin-bottom: .75rem;
}
.node-8 {
  margin: 0 .5rem;
}
.shape-10 {
  opacity: .7;
}
.toggle-light {
  margin-bottom: .5rem;
}
.line {
  max-width: 40rem;
  opacity: .85;
  margin: 0;
  font-size: 1.1rem;
}
.lead-y .line {
  margin-inline: auto;
}
.box2_input {
  margin-bottom: 3rem;
  max-width: 45rem;
}
.cell-1 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem 2rem;
}
.logo-8 {
  min-width: 0;
}
.list_tight {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
  gap: 2rem;
  align-items: center;
  border-bottom: 1px solid var(--color-rule);
  padding-bottom: 3rem;
}
.strip-2 {
  display: block;
  border-radius: var(--radius-sm);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.list_tight .strip-2 {
  margin-bottom: 0;
}
.mark-main {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/10;
}
.sec-full {
  display: flex;
  gap: .6rem 1.2rem;
  flex-wrap: wrap;
  font-size: .75rem;
  margin-bottom: 1rem;
}
.ctx-third {
  font-weight: 600;
  color: var(--color-brand);
}
.ct-dot {
  color: var(--color-faint);
}
.nav-el {
  line-height: 1.25;
  font-size: 1.55rem;
  overflow-wrap: anywhere;
}
.list_tight .nav-el {
  font-size: clamp(1.8rem,3vw,2.7rem);
}
.body_view {
  color: var(--color-copy);
}
.body_view:hover {
  color: var(--color-brand);
}
.bar {
  font-size: .95rem;
  color: var(--color-faint);
  max-width: 55ch;
}
.label-frame-flat {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  font-size: .85rem;
  font-weight: 600;
  padding-block: .3rem;
}
.link_side_sm {
  font-size: 1.2rem;
}
.strip-2:not(:has(.mark-main)) {
  display: none;
}
.list_tight:not(:has(.mark-main)) {
  grid-template-columns: minmax(0,1fr);
}
.logo-8:last-child:nth-child(even):not(.list_tight) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 2rem;
  align-items: center;
  padding-top: 2rem;
  border-top: 1px solid var(--color-rule);
}
.logo-8:last-child:nth-child(even):not(.list_tight) .strip-2 {
  margin-bottom: 0;
}
.logo-8:last-child:nth-child(even):not(:has(.mark-main)) {
  grid-template-columns: minmax(0,1fr);
}
@media(max-width:760px){
.cell-1,.list_tight {
  grid-template-columns: minmax(0,1fr);
}
.list_tight {
  gap: 1.5rem;
}
.box2_input {
  margin-bottom: 2rem;
}
}
@media(max-width:760px){
.logo-8:last-child:nth-child(even):not(.list_tight) {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
}
.burger-cnt {
  overflow-wrap: anywhere;
  padding-block: calc(var(--space-section) * .85);
  background: var(--color-bg);
}
.el-6 {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.pic-app {
  font-size: .8rem;
  font-weight: 600;
  color: var(--color-brand);
  letter-spacing: var(--tracking-label);
  max-width: 75%;
  text-transform: var(--case-label);
}
.col-4 {
  background: var(--color-rule);
  flex: 1;
  height: 1px;
}
.list-sticky .col-4 {
  height: 3px;
  background: var(--color-brand);
}
.cell-fill {
  line-height: 1.1;
  font-size: calc(var(--size-xxl) * 1.2);
  padding-bottom: 1.8rem;
  margin: 0;
  max-width: 24ch;
}
.col-elem {
  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;
}
.icon-auto {
  color: var(--color-faint);
  font-size: .8rem;
  font-weight: 600;
  max-width: 24rem;
}
.area-fit {
  grid-template-columns: minmax(0,1fr);
}
.flow-cnt {
  color: var(--color-faint);
  margin: 0;
  font-size: 1.1rem;
  max-width: 42rem;
  line-height: 1.7;
}
@media (max-width:640px){
.cell-fill {
  font-size: var(--size-xxl);
}
.col-elem {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.icon-auto {
  display: none;
}
.flow-cnt {
  font-size: 1rem;
}
}
.elem-sec-center {
  background: var(--color-layer);
  padding: clamp(1.4rem,4vw,4rem);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
}
.group-raised {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
  margin-bottom: 3rem;
}
.cell-link-muted {
  min-width: 0;
  font-family: var(--font-display);
  font-size: 1.4rem;
  overflow-wrap: anywhere;
}
.frame-input-primary {
  color: var(--color-faint);
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: .85rem;
}
.part_ctx {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.85fr);
  gap: clamp(2rem,5vw,5rem);
}
.mark-accent {
  font-size: clamp(1.8rem,3.5vw,3rem);
  overflow-wrap: anywhere;
  max-width: 15ch;
}
.body-auto {
  color: var(--color-faint);
  margin: 0;
  max-width: 40ch;
}
.link {
  margin: 0;
}
.node-sub-new {
  border-bottom: 1px solid var(--color-rule);
  padding-block: 1.2rem;
}
.node-sub-new:first-child {
  padding-top: 0;
}
.ref-z {
  margin-bottom: .6rem;
  color: var(--color-faint);
  font-size: .8rem;
}
.pane {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 1.1rem;
}
.toggle {
  text-underline-offset: .2em;
  text-decoration: underline;
  color: var(--color-copy);
}
.toggle:hover {
  color: var(--color-brand);
}
.mark-narrow {
  font-style: normal;
}
.toggle:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 4px;
}
@media(max-width:760px){
.part_ctx {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.group-raised {
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: .5rem 2rem;
}
}
.part_z {
  padding-top: 2rem;
  margin-top: 3rem;
  border-top: 1px solid var(--color-rule);
  min-width: 0;
  display: grid;
  gap: 1.25rem;
}
.input_8 {
  font-size: clamp(1.2rem,2vw,1.5rem);
  margin: 0;
  overflow-wrap: anywhere;
}
.page-cell-fill {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1.25rem 2rem;
}
.dot-inline {
  display: grid;
  min-width: 0;
  gap: .4rem;
}
.sec-z {
  grid-column: 1/-1;
}
.hero-main {
  font-size: .8rem;
  color: var(--color-faint);
}
.base-new {
  width: 100%;
  min-width: 0;
  padding: .6rem 0;
  border: 0;
  border-bottom: 1px solid var(--color-rule);
  border-radius: 0;
  background: transparent;
  color: var(--color-copy);
  font: inherit;
}
.base-new:focus {
  box-shadow: 0 1px 0 var(--color-brand);
  outline: none;
  border-bottom-color: var(--color-brand);
}
.tile_square {
  resize: vertical;
  min-height: 6rem;
}
.title-10 {
  max-width: 100%;
  justify-self: start;
  overflow-wrap: anywhere;
}
@media(max-width:760px){
.part_z {
  margin-top: 2rem;
}
.page-cell-fill {
  grid-template-columns: minmax(0,1fr);
}
}
.base-6 {
  overflow-wrap: anywhere;
}
.app-mark-lg {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.list_hard h2 {
  max-width: 23ch;
}
.view-compact {
  margin-top: 2rem;
}
.panel-side {
  border-top: 1px solid var(--color-rule);
  padding-top: 1.25rem;
}
.panel-side h3 {
  font-size: 1rem;
}
.panel-side p {
  color: var(--color-faint);
}
.sec_brand {
  background: var(--color-layer);
  border: 1px solid var(--color-rule);
  padding: clamp(1.4rem, 3.5vw, 3rem);
  border-radius: var(--radius-sm);
}
.field {
  color: var(--color-primary-fg);
  padding: 1rem;
  border-radius: 50%;
  margin-bottom: 2rem;
  display: inline-flex;
  background: var(--color-brand);
}
.field svg {
  width: 1.5rem;
  height: 1.5rem;
}
.app-12 {
  font-weight: 700;
  font-size: 1.5rem;
  font-family: var(--font-display);
}
.part-top {
  margin: 0;
}
.part-top div {
  padding: 1rem 0;
  border-top: 1px solid var(--color-rule);
}
.part-top dt {
  font-size: .75rem;
  margin-bottom: .5rem;
  color: var(--color-faint);
}
.part-top dd {
  margin: 0;
}
@media (max-width: 720px){
.app-mark-lg {
  grid-template-columns: minmax(0, 1fr);
}
}
.flow-1 {
  max-width: 46rem;
}
.app-11 {
  font-size: .85rem;
  color: var(--color-faint);
}
.side_7 {
  font-size: 1.05rem;
}
.note-bar {
  margin-top: 2rem;
}
.info_flow_half {
  font-size: 1.3rem;
}
.avatar_9 {
  color: var(--color-copy);
}
.cap-light {
  background: var(--color-layer);
  overflow-wrap: anywhere;
}
.cap-8 {
  max-width: 56rem;
  background: var(--color-bg);
  border: 1px solid var(--color-rule);
  border-top: 3px solid var(--color-brand);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  box-shadow: var(--shadow-card);
  padding: clamp(1.25rem,4vw,3.5rem);
}
.grid-title-raised {
  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;
}
.inner_2 {
  min-width: 0;
  color: var(--color-faint);
}
.app-menu {
  text-align: right;
  color: var(--color-copy);
  margin: 0;
  min-width: 0;
}
.frame-fig {
  margin-inline: auto;
  max-width: 66ch;
}
.mark_body {
  margin: 0 0 2.5rem;
  white-space: pre-line;
  line-height: 1.8;
  font-size: 1.1rem;
}
.icon {
  margin-top: 2.25rem;
}
.burger-fig {
  scroll-margin-top: 8rem;
  margin: 0 0 .9rem;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
  line-height: 1.35;
}
.pill-foot {
  color: var(--color-copy);
  text-decoration: underline;
  text-decoration-color: var(--color-rule);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.pill-foot:hover {
  text-decoration-color: currentColor;
  color: var(--color-brand);
}
.pill-foot:focus-visible,.burger-fig:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 5px;
}
.main-strip-light {
  margin: 0 0 1rem;
  white-space: pre-line;
  font-size: 1rem;
  line-height: 1.85;
}
.main-strip-light:last-child {
  margin-bottom: 0;
}
@media(max-width:480px){
.cap-8 {
  padding: 1.25rem 1rem;
}
.grid-title-raised {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}
.app-menu {
  text-align: left;
}
.mark_body {
  font-size: 1.05rem;
  margin-bottom: 1.75rem;
}
.icon {
  margin-top: 1.75rem;
}
.main-strip-light {
  line-height: 1.75;
}
}
.area-edge-y {
  overflow-wrap: anywhere;
}
.mark_card {
  max-width: 72rem;
}
.avatar-info {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 3rem;
  align-items: start;
  padding-bottom: 3rem;
}
.burger-badge {
  border-left: 3px solid var(--color-brand);
  margin: 0;
  padding-left: 1rem;
}
.el-c {
  font-size: .8rem;
  margin-bottom: .35rem;
  color: var(--color-faint);
}
.outer_logo_muted {
  margin: 0;
  font-weight: 600;
  color: var(--color-copy);
  font-size: .95rem;
}
.unit-cell {
  white-space: pre-line;
  min-width: 0;
  font-size: clamp(1.1rem,1.6vw,1.3rem);
  line-height: 1.65;
  margin: 0;
}
.elem {
  display: grid;
  grid-template-columns: minmax(0,4rem) minmax(0,17rem) minmax(0,1fr);
  gap: clamp(1rem,2.5vw,2.5rem);
  align-items: start;
  border-top: 1px solid var(--color-rule);
  padding-block: 2rem;
}
.elem:last-child {
  border-bottom: 1px solid var(--color-rule);
}
.layer-tag {
  font-family: var(--font-display);
  color: var(--color-brand);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-size: 2.7rem;
  font-weight: var(--weight-title);
}
.node_dark {
  min-width: 0;
  font-size: clamp(1.1rem,1.6vw,1.35rem);
  margin: 0;
  scroll-margin-top: 8rem;
  line-height: 1.4;
}
.view_tile_accent {
  color: var(--color-copy);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .25em;
}
.view_tile_accent:hover {
  text-decoration-color: currentColor;
  color: var(--color-brand);
}
.view_tile_accent:focus-visible,.node_dark:focus {
  outline: 2px solid var(--color-brand);
  outline-offset: 5px;
}
.toggle-view-round {
  min-width: 0;
  max-width: 65ch;
}
.item-top {
  margin: 0 0 1rem;
  font-size: 1rem;
  white-space: pre-line;
  line-height: 1.8;
}
.item-top:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){
.avatar-info {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
  padding-bottom: 2rem;
}
.elem {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: 1rem 1.25rem;
}
.layer-tag {
  font-size: 2rem;
}
.toggle-view-round {
  grid-column: 2;
}
.node_dark {
  align-self: center;
}
}
@media(max-width:480px){
.elem {
  gap: 1rem;
  padding-block: 1.5rem;
}
.toggle-view-round {
  grid-column: 1/-1;
}
.layer-tag {
  font-size: 1.8rem;
}
}
.elem-area {
  padding-top: calc(var(--space-section) * .7);
}
.stack-stack-new {
  max-width: 46rem;
}
.pill-strip {
  font-size: .9rem;
  margin-bottom: 1rem;
  display: block;
  width: max-content;
  color: var(--color-faint);
}
.zone-11 {
  margin-bottom: .75rem;
}
.group-lead-accent {
  color: var(--color-faint);
  font-size: .9rem;
}
.hero-foot-x {
  margin: 1.5rem auto 0;
}
.link_icon_dark {
  aspect-ratio: 7/4;
  object-fit: cover;
  width: 100%;
}
.side-soft .link_icon_dark {
  border-radius: var(--radius-large);
}
.note {
  padding-top: calc(var(--space-section) * .6);
}
.ctx-foot-b {
  max-width: 44rem;
  line-height: 1.75;
  font-size: 1.05rem;
}
.mark-group {
  font-size: 1.5rem;
  margin-top: 2rem;
}
.strip-foot .stat-11:first-of-type::first-letter {
  line-height: .85;
  font-family: var(--font-display);
  padding-right: .35rem;
  font-size: 3.2em;
  float: left;
  color: var(--color-brand);
}
.wrap_z {
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
}
.unit-dot {
  margin-top: 2rem;
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-sm);
  background: var(--color-layer);
  padding: 1.25rem 1.5rem;
}
.zone-pill {
  display: grid;
  grid-template-columns: minmax(0,.45fr) minmax(0,1fr);
  gap: 3rem;
  align-items: start;
}
.mark-media {
  overflow-wrap: anywhere;
  max-width: 15ch;
  font-size: clamp(1.5rem,2.5vw,2.2rem);
}
.outro-tight {
  border-top: 1px solid var(--color-rule);
  margin: 0;
  list-style: none;
  padding: 0;
}
.img-last {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: 1rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
}
.core-btn-hard {
  font-variant-numeric: tabular-nums;
  color: var(--color-brand);
  font-size: .75rem;
  padding-top: .2rem;
}
.unit-main-last {
  font-size: .75rem;
  color: var(--color-faint);
}
.author_12 {
  overflow-wrap: anywhere;
  margin: .5rem 0;
  line-height: 1.4;
  font-size: 1.3rem;
}
.base-md {
  color: var(--color-copy);
}
.base-md:hover {
  color: var(--color-brand);
}
.dot {
  white-space: nowrap;
  color: var(--color-brand);
}
.frame-icon {
  font-size: .95rem;
  margin: 0;
  color: var(--color-faint);
}
@media(max-width:700px){
.zone-pill {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
.mark-media {
  margin: 0;
  max-width: none;
}
}
.title {
  display: grid;
  grid-template-columns: 5rem minmax(0,.7fr) minmax(0,1fr);
  gap: 2rem;
  align-items: center;
  padding-block: 2rem;
  border-block: 1px solid var(--color-rule);
}
.page-frame-alt {
  display: grid;
  place-items: center;
  width: 5rem;
  height: 5rem;
  border: 1px solid var(--color-brand);
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: 1.5rem;
  color: var(--color-brand);
  background: var(--color-layer);
}
.sub-dot-old {
  min-width: 0;
}
.frame_9 {
  margin-bottom: .5rem;
  font-size: .7rem;
}
.layer_text_sub {
  font-size: 1.4rem;
  overflow-wrap: anywhere;
  margin-bottom: .3rem;
}
.flow-mini {
  color: var(--color-faint);
  font-size: .85rem;
}
.title-foot {
  font-size: .95rem;
  color: var(--color-faint);
  border-left: 1px solid var(--color-rule);
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.75;
  padding-left: 2rem;
}
@media(max-width:760px){
.title {
  grid-template-columns: 3.5rem minmax(0,1fr);
  gap: 1rem;
}
.page-frame-alt {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.1rem;
}
.title-foot {
  border-left: 0;
  padding: 1rem 0 0;
  grid-column: 1/-1;
  border-top: 1px solid var(--color-rule);
}
}