.avatar_foot{color:var(--site-color-subtle)}
.strip-group{text-align:center;white-space:normal;max-width:100%}
.grid-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.media-label-center{display:flex;flex-direction:column;gap:1.5rem}
.meta-text .elem-8 {
  max-width: 48ch;
}
.head-site {
  object-fit: cover;
  border-radius: var(--site-radius-lg);
  width: 100%;
  aspect-ratio: 5/4;
}
.unit_app_primary{padding-top:.3rem}
.row-field-square{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}
.cap-zone{min-width:0;border-top:2px solid var(--site-color-edge);padding-top:1rem}
.view-7 {
  margin-bottom: 1rem;
  letter-spacing: .12em;
  font-size: .8rem;
  color: var(--site-color-main);
  font-weight: 700;
}
.mark-copy-third{font-size:1.1rem}
.avatar_foot{margin:0;font-size:.95rem}
.meta {
  color: var(--site-color-subtle);
  border-top: 1px solid var(--site-color-edge);
  padding-top: 1.5rem;
  font-size: .9rem;
}
.cap-zone:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:800px){
.grid-brand {
  grid-template-columns: 1fr;
}
.head-site {
  aspect-ratio: 16/9;
}
}
@media(max-width:420px){
.row-field-square{grid-template-columns:1fr}
.head-site {
  aspect-ratio: 4/3;
}
}
.label-ref-dark{margin-bottom:2rem}
.frame-zone{padding:0;list-style:none;margin:0}
.tag_part{border-radius:0 0 var(--site-radius-base) var(--site-radius-base);background:var(--site-color-raised);padding:1.5rem;border-top:3px solid var(--site-color-main)}
.el-avatar-fit {
  font-size: 2rem;
  color: var(--site-color-brand-soft);
  line-height: 1;
  display: block;
  margin-bottom: .75rem;
  font-family: var(--site-font-title);
}
.logo{margin:0;color:var(--site-color-subtle)}
.node-quote {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,4rem);
  align-items: center;
  padding: clamp(1.75rem,5vw,3.5rem);
  border-radius: var(--site-radius-lg);
}
.media_soft{background:var(--site-color-raised)}
.text-third {
  border: 1px solid var(--site-color-edge);
}
.info-1 {
  background: var(--site-color-main);
  color: var(--site-color-primary-fg);
}
.sec2-core-accent {
  text-transform: var(--site-case-eyebrow);
  letter-spacing: var(--site-tracking-label);
  font-weight: 700;
  margin-bottom: .7rem;
  color: var(--site-color-tagline);
  font-size: .8rem;
  display: block;
}
.info-1 .sec2-core-accent,.info-1 .flow-center{color:var(--site-color-primary-fg)}
.flow-center {
  margin-bottom: .9rem;
}
.nav-base-old{margin-bottom:1.75rem;opacity:.9}
.outer-11{list-style:none;margin:0;display:grid;position:relative;padding:0;gap:1.6rem}
.outer-11::before {
  top: 1.25rem;
  width: 2px;
  bottom: 1.25rem;
  content: "";
  left: 1.25rem;
  position: absolute;
  background: var(--site-color-edge);
}
.info-1 .outer-11::before{background:rgba(255,255,255,.3)}
.stat-primary{position:relative;display:flex;align-items:flex-start;gap:1.1rem}
.base_8{height:2.5rem;border-radius:50%;background:var(--site-color-main);flex:none;display:grid;width:2.5rem;place-items:center;font-weight:700;color:var(--site-color-primary-fg)}
.info-1 .base_8{color:var(--site-color-main);background:var(--site-color-primary-fg)}
.box2-last {
  margin: .35rem 0 .25rem;
  color: inherit;
  font-size: 1.1rem;
}
.cap {
  opacity: .85;
  margin: 0;
  font-size: .95rem;
}
@media (max-width:820px){
.node-quote {
  grid-template-columns: minmax(0,1fr);
}
}
.img_box2{overflow-wrap:anywhere;background:var(--site-color-bg);padding-block:calc(var(--site-space-block) * .85)}
.img-copy{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.block-btn-mini {
  text-transform: var(--site-case-eyebrow);
  color: var(--site-color-main);
  font-weight: 600;
  letter-spacing: var(--site-tracking-label);
  font-size: .8rem;
  max-width: 75%;
}
.inner-cnt {
  flex: 1;
  height: 1px;
  background: var(--site-color-edge);
}
.quote-input .inner-cnt {
  height: 3px;
  background: var(--site-color-main);
}
.frame{font-size:calc(var(--site-size-display) * 1.2);max-width:24ch;padding-bottom:1.8rem;line-height:1.1;margin:0}
.ct_12{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start;border-top:1px solid var(--site-color-edge);padding-top:1.3rem}
.sec-mini {
  font-weight: 600;
  color: var(--site-color-subtle);
  max-width: 24rem;
  font-size: .8rem;
}
.btn-9{grid-template-columns:minmax(0,1fr)}
.pill-tag-compact {
  margin: 0;
  color: var(--site-color-subtle);
  line-height: 1.7;
  font-size: 1.1rem;
  max-width: 42rem;
}
@media (max-width:640px){.frame {
  font-size: var(--site-size-display);
}.ct_12 {
  grid-template-columns: 1fr;
  gap: 1rem;
}.sec-mini{display:none}.pill-tag-compact {
  font-size: 1rem;
}}
.part-first {
  min-width: 0;
}
.head_group_dark {
  margin-bottom: 2rem;
  max-width: 54rem;
}
.author {
  overflow-wrap: anywhere;
}
.nav-img-accent {
  display: grid;
  gap: 1.2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pane-stack{min-width:0;overflow-wrap:anywhere}
.pane-stack h3 {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
}
.pane-stack p {
  line-height: 1.7;
  margin: 0;
}
.top-main{color:var(--site-color-subtle);overflow-wrap:anywhere;display:block;font-weight:700;font-size:.8rem;margin-bottom:.7rem;letter-spacing:.04em}
.nav-img-accent{grid-template-columns:repeat(3, minmax(0, 1fr))}
.pane-stack {
  border: 1px solid var(--site-color-edge);
  padding: 1.6rem;
  border-radius: var(--site-radius-base);
}
@media (max-width: 700px){
.nav-img-accent {
  grid-template-columns: minmax(0, 1fr);
}
.pane-stack {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
}
.page-side-alt {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 3rem;
  align-items: center;
}
.sec_badge .input_btn_round{order:2}
.input_btn_round{margin:0}
.label {
  aspect-ratio: 9/8;
  object-fit: cover;
  border-radius: var(--site-radius-lg);
  width: 100%;
}
.el_top{color:var(--site-color-subtle)}
.wrap-7{font-weight:600}
@media (max-width:860px){.page-side-alt{grid-template-columns:1fr;gap:1.5rem}.sec_badge .input_btn_round {
  order: 0;
}}
.node_lg{margin-bottom:2.5rem;max-width:44rem}
.avatar-item .node_lg{text-align:center;margin-left:auto;margin-right:auto}
.input-muted{gap:2.5rem 3rem}
.site-tag-b .toggle_nav_old{border-top:2px solid var(--site-color-main);padding-top:1.25rem}
.lead_9{margin-bottom:.6rem;font-size:1.15rem}
.burger-col-full{margin:0;line-height:1.7}
.inner-lead {
  background: var(--site-color-bg);
  padding-block: calc(var(--site-space-block) * .7);
  overflow-wrap: anywhere;
}
.avatar_accent {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);
  background: var(--site-color-raised);
  border: 1px solid var(--site-color-edge);
  border-radius: var(--site-radius-lg);
  overflow: hidden;
}
.col_7 {
  min-width: 0;
  border-top: 4px solid var(--site-color-main);
  padding: clamp(1.5rem,4.5vw,4rem);
}
.burger-fixed .col_7 {
  border-left: 4px solid var(--site-color-main);
  border-top: 0;
}
.shape_inner_new{color:var(--site-color-main)}
.burger{line-height:1.15;font-size:calc(var(--site-size-display) * .88);max-width:22ch}
.base-ghost {
  margin: 1.2rem 0 0;
  font-size: 1.05rem;
  max-width: 38rem;
  line-height: 1.7;
  color: var(--site-color-subtle);
}
.sec_v3 {
  min-width: 0;
  margin: 0;
  padding: .8rem;
  display: flex;
}
.view-sticky{min-height:12rem;aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--site-radius-base);height:100%}
@media (max-width:700px){
.avatar_accent {
  grid-template-columns: 1fr;
}
.burger {
  font-size: var(--site-size-display);
}
.sec_v3 {
  padding: 0 1.25rem 1.25rem;
}
.view-sticky {
  min-height: 0;
  aspect-ratio: 16/7;
  height: auto;
}
.base-ghost {
  font-size: 1rem;
}
}
.text_side{display:grid;grid-template-columns:2fr 3fr;gap:3rem}
.img-right{border-radius:0 var(--site-radius-base) var(--site-radius-base) 0;background:var(--site-color-raised);margin:2rem 0 0;border-left:4px solid var(--site-color-main);padding:1.5rem 1.75rem}
.row_3{font-size:1.2rem;font-family:var(--site-font-title);margin-bottom:.5rem}
.media-zone{font-style:normal;font-size:.9rem;color:var(--site-color-subtle)}
@media (max-width:860px){
.text_side{grid-template-columns:1fr;gap:1rem}
}
.pic_cnt{overflow-wrap:anywhere}
.strip_loose>*{min-width:0}
.part-light {
  max-width: 24ch;
}
.ref_app {
  color: var(--site-color-subtle);
}
.panel_fill {
  text-align: center;
  max-width: 100%;
  white-space: normal;
}
.ref-dot{margin-bottom:3rem;max-width:48rem}
.unit-ctx{border-top:2px solid var(--site-color-ink);padding:0;margin:0;list-style:none}
.layer_fill {
  display: grid;
  grid-template-columns: 5rem minmax(0,1.5fr) minmax(0,.8fr);
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--site-color-edge);
  align-items: start;
}
.outro-last{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.06em;line-height:1;color:var(--site-color-main);font-family:var(--site-font-title)}
.mark-b {
  font-size: clamp(1.2rem,2.2vw,1.7rem);
}
.ref_app{max-width:57ch;margin:0}
.cap-8 {
  min-width: 0;
}
.author-v2{padding-left:1.5rem;min-width:0;border-left:1px solid var(--site-color-edge)}
.pane-light {
  font-size: .75rem;
  display: block;
  letter-spacing: .05em;
  color: var(--site-color-subtle);
  margin-bottom: .7rem;
}
.author-v2 p{line-height:1.7;margin:0;font-size:.95rem}
@media(max-width:760px){
.layer_fill{grid-template-columns:3rem minmax(0,1fr);gap:1rem}
.outro-last {
  font-size: 2.5rem;
}
.author-v2{border-top:1px solid var(--site-color-edge);grid-column:2;padding:1rem 0 0;border-left:0}
.pane-light{margin-bottom:.3rem}
}
.tag-sec2{padding-block:calc(var(--site-space-block) * .8)}
.main-9{background:var(--site-color-raised)}
.flow_stack {
  color: var(--site-color-primary-fg);
  background: var(--site-color-main);
}
.flow_stack .nav-input,.flow_stack .unit_wide{color:var(--site-color-primary-fg)}
.shape-side-dark{border-bottom:1px solid var(--site-color-edge)}
.copy-sticky{text-align:center}
.text_11 {
  margin-bottom: .75rem;
  font-size: .85rem;
  opacity: .8;
}
.sec-6{margin:0 .5rem}
.el_6 {
  opacity: .7;
}
.nav-input {
  margin-bottom: .5rem;
}
.site-ct{opacity:.85;margin:0;max-width:40rem;font-size:1.1rem}
.copy-sticky .site-ct {
  margin-inline: auto;
}
.cap-6 .body_inline {
  max-width: 46rem;
}
.avatar .body_inline{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}
.node-slot {
  margin-bottom: 1.5rem;
}
.tile-card {
  border-bottom: 1px solid var(--site-color-edge);
  padding: .25rem 0;
}
.frame-logo{cursor:pointer;padding:.9rem 2rem .9rem 0;list-style:none;font-weight:600;position:relative}
.frame-logo::-webkit-details-marker{display:none}
.frame-logo::after{top:.7rem;color:var(--site-color-main);content:"+";position:absolute;right:0;font-size:1.4rem;transition:transform .2s}
.tile-card[open] .frame-logo::after{transform:rotate(45deg)}
.strip-sm{color:var(--site-color-subtle);margin:0 0 1rem}
@media (max-width:860px){.avatar .body_inline{grid-template-columns:1fr;gap:1rem}}
.ctx-fixed{margin-bottom:2.5rem;max-width:60ch}
.slot-alt {
  display: grid;
  column-gap: clamp(2rem,6vw,6rem);
  margin: 0;
  grid-template-columns: repeat(2,minmax(0,1fr));
  padding: 0;
  list-style: none;
}
.outro_head_right{border-top:2px solid var(--site-color-ink);min-width:0;padding-block:2rem}
.menu-open{height:100%}
.row {
  display: flex;
  flex-direction: column;
  color: var(--site-color-ink);
  height: 100%;
  min-height: 2.75rem;
}
.row:hover {
  color: var(--site-color-ink);
}
.row:focus-visible{outline:2px solid var(--site-color-main);outline-offset:6px}
.sec2-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.75rem;line-height:1.6;color:var(--site-color-subtle);margin-bottom:1.2rem}
.sec2-inner span:first-child{color:var(--site-color-main);font-weight:600}
.sec2-fill{font-size:clamp(1.55rem,2.8vw,2.4rem);margin-bottom:1rem;max-width:26ch}
.row:hover .sec2-fill {
  color: var(--site-color-main);
}
.cell_12{color:var(--site-color-subtle);max-width:60ch;margin-bottom:1.5rem;font-size:1rem;line-height:1.75}
.box_ghost{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding-top:1rem;margin-top:auto;border-top:1px solid var(--site-color-edge)}
.page-fig{color:var(--site-color-subtle);font-size:.8rem}
.btn_intro_third{display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;color:var(--site-color-main);min-height:2.75rem}
@media(max-width:760px){.slot-alt{grid-template-columns:minmax(0,1fr)}.outro_head_right {
  padding-block: 1.5rem;
}.cell_12{font-size:.95rem}}
.nav-half {
  hyphens: auto;
}
.grid_label{max-width:42rem;text-align:center;margin:0 auto 2.5rem}
.note-compact {
  margin-bottom: 0;
}
.item_inline {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}
.stat-12 .item_inline{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.page-outro-last .item_inline{max-width:46rem;margin:0 auto}
.part-lead-top {
  display: grid;
  gap: 1.75rem;
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--site-color-edge);
  border-radius: var(--site-radius-lg);
  background: var(--site-color-bg);
}
.stat {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .25rem 1rem;
  margin-bottom: .65rem;
}
.logo-line-a {
  font-weight: 600;
}
.wrap-item {
  font-size: 1.3rem;
  white-space: nowrap;
  font-family: var(--site-font-title);
  line-height: 1.2;
  color: var(--site-color-main);
  font-weight: 700;
}
.unit-wide{cursor:pointer;display:block;margin:0;height:1.5rem;width:100%;accent-color:var(--site-color-main)}
.unit-wide:focus-visible,.base-9:focus-visible {
  outline: 3px solid var(--site-color-main);
  outline-offset: 3px;
}
.flow_8 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin-top: .35rem;
  font-size: .8rem;
  color: var(--site-color-subtle);
}
.copy-9 {
  margin: 0;
  min-width: 0;
  padding: 0;
  border: 0;
}
.field-wrap-big{margin-bottom:.8rem;font-weight:600;padding:0}
.avatar-primary {
  display: grid;
}
.hero-main{display:flex;align-items:center;gap:.75rem;cursor:pointer}
.panel .hero-main{padding:.7rem 0;border-top:1px solid var(--site-color-edge)}
.panel .hero-main:last-child {
  border-bottom: 1px solid var(--site-color-edge);
}
.cnt_app_mini .avatar-primary {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.cnt_app_mini .hero-main {
  gap: .55rem;
  padding: .55rem .95rem;
  border: 1px solid var(--site-color-edge);
  border-radius: 999px;
  background: var(--site-color-raised);
}
.cnt_app_mini .hero-main:has(:checked) {
  border-color: var(--site-color-main);
  box-shadow: inset 0 0 0 1px var(--site-color-main);
}
.base-9{width:1.15rem;cursor:pointer;accent-color:var(--site-color-main);flex-shrink:0;height:1.15rem;margin:0}
.page-grid {
  flex: 1;
  min-width: 0;
}
.avatar-tag {
  font-size: .92rem;
  color: var(--site-color-subtle);
  white-space: nowrap;
}
.outer_tag_raised {
  min-width: 0;
  padding: 2rem;
  border: 1px solid var(--site-color-edge);
  border-top: 4px solid var(--site-color-main);
  border-radius: var(--site-radius-lg);
  background: var(--site-color-raised);
  box-shadow: var(--site-shadow-card);
}
.stat-12 .outer_tag_raised {
  position: sticky;
  top: 6rem;
}
.tag-z{font-weight:600;margin:0 0 .35rem;letter-spacing:.06em;color:var(--site-color-subtle);font-size:.85rem;text-transform:uppercase}
.link-v3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .2rem .6rem;
  margin: 0 0 1.25rem;
}
.toggle-right {
  line-height: 1.1;
  color: var(--site-color-ink);
  font-size: 2.4rem;
  overflow-wrap: anywhere;
  font-weight: 700;
  font-family: var(--site-font-title);
}
.el-light {
  color: var(--site-color-subtle);
  font-size: .95rem;
}
.btn_last {
  margin: 0 0 1.25rem;
  padding: 1rem 0 0;
  border-top: 1px solid var(--site-color-edge);
  font-size: .92rem;
  gap: .5rem;
  display: grid;
  list-style: none;
}