:root{--color-main:rgb(80,90,53);--color-brand-hover:rgb(47,53,28);--color-brand-subtle:rgb(181,190,157);--color-primary-inverse:rgb(139,156,91);--color-on-brand:rgb(255,255,255);--color-pop:rgb(82,49,170);--color-accent-contrast:rgb(255,255,255);--color-background:rgb(250,250,250);--color-layer:rgb(248,249,246);--color-body:rgb(47,52,35);--color-muted:rgb(107,115,90);--color-stroke:rgb(231,233,226);--color-inverse:rgb(39,45,21);--color-inverse-surface:rgb(49,53,39);--color-inverse-text:rgb(245,246,244);--color-on-dark-muted:rgb(182,186,171);--radius-md:3px;--radius-xl:6px;--radius-control:3px;--case-btn:none;--tracking-button:0;--weight-cta:600;--font-display:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;--font-text:'DM Sans', Roboto, system-ui, sans-serif;--size-xxl:clamp(2.5rem, 6vw, 4.5rem);--size-xl:clamp(1.8rem, 3.6vw, 2.75rem);--size-lg:1.35rem;--weight-title:700;--tracking-title:-0.01em;--line-height-title:1.05;--case-overline:uppercase;--tracking-eyebrow:.12em;--color-overline:rgb(80,90,53);--size-md:1rem;--line-height-base:1.65;--container-max:1039px;--space-block:5.2rem;--shadow-1:0 10px 30px rgba(0,0,0,.06);--shadow-2:0 12px 40px rgba(0,0,0,.14)}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  overflow-wrap: anywhere;
  line-height: var(--line-height-base);
  margin: 0;
  font-family: var(--font-text);
  color: var(--color-body);
  font-size: var(--size-md);
  background: var(--color-background);
}
img,svg,video {
  display: block;
  max-width: 100%;
  height: auto;
}
h1,h2,h3,h4 {
  font-weight: var(--weight-title);
  hyphens: manual;
  line-height: var(--line-height-title);
  color: var(--color-body);
  letter-spacing: var(--tracking-title);
  margin: 0 0 .6em;
  font-family: var(--font-display);
}
h1{font-size:var(--size-xxl)}
h2 {
  font-size: var(--size-xl);
}
h3{line-height:1.3;font-size:var(--size-lg)}
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-hover);
}
ul,ol{padding-left:1.25em;margin:0 0 1em}
button,input,textarea,select{font:inherit;color:inherit}
::selection{color:var(--color-body);background:var(--color-brand-subtle)}
.tile-6{width:min(100% - 2.5rem,var(--container-max));margin-inline:auto}
.line-sec2{width:min(100% - 2.5rem,48rem)}
.main{padding-block:var(--space-block)}
.btn-fig-primary {
  background: var(--color-layer);
}
.bar_block_new {
  color: var(--color-inverse-text);
  background: var(--color-inverse);
}
.bar_block_new h1,.bar_block_new h2,.bar_block_new h3,.bar_block_new h4 {
  color: inherit;
}
.bar_block_new a {
  color: var(--color-primary-inverse);
}
.bar_block_new .el_a,.bar_block_new .grid-outer {
  color: var(--color-on-dark-muted);
}
.bar_block_new .burger-last{color:var(--color-primary-inverse)}
.line-ctx-old{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-control);background:var(--color-main);color:var(--color-on-brand);font-weight:var(--weight-cta);text-transform:var(--case-btn);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}
.line-ctx-old:hover{color:var(--color-on-brand);background:var(--color-brand-hover)}
.line-ctx-old:active {
  transform: translateY(1px);
}
.head_hard{background:transparent;border-color:currentColor;color:var(--color-main)}
.head_hard:hover{background:var(--color-main);color:var(--color-on-brand);border-color:var(--color-main)}
.ctx-fixed{color:var(--color-accent-contrast);background:var(--color-pop)}
.ctx-fixed:hover {
  color: var(--color-accent-contrast);
  background: var(--color-pop);
  filter: brightness(.92);
}
.sec_active{background:var(--color-inverse-text);color:var(--color-inverse)}
.sec_active:hover {
  color: var(--color-inverse);
  background: rgb(255,255,255);
}
.zone-narrow{padding:.55rem 1.1rem;font-size:.9rem}
.intro_7 {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.bar_block_new .line-ctx-old:not(.head_hard):not(.ctx-fixed):not(.sec_active){color:var(--color-inverse);background:var(--color-primary-inverse)}
.bar_block_new .line-ctx-old:not(.head_hard):not(.ctx-fixed):not(.sec_active):hover {
  color: var(--color-inverse);
  background: var(--color-inverse-text);
}
.bar_block_new .head_hard {
  border-color: var(--color-on-dark-muted);
  color: var(--color-inverse-text);
}
.bar_block_new .head_hard:hover {
  color: var(--color-inverse);
  background: var(--color-inverse-text);
  border-color: var(--color-inverse-text);
}
.nav-v3{gap:1.5rem;display:grid}
.nav-1{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.body_stack_half {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.menu_5{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.el-toggle-tight{grid-template-columns:repeat(2,1fr)}
.sec2-icon{grid-template-columns:repeat(3,1fr)}
.panel-view-hard {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){.panel-view-hard{grid-template-columns:repeat(2,1fr)}.sec2-icon {
  grid-template-columns: repeat(2,1fr);
}}
@media (max-width:560px){
.el-toggle-tight,.sec2-icon,.panel-view-hard {
  grid-template-columns: 1fr;
}
}
.slot_field {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.slot_field>* {
  min-width: 0;
}
.slot_field.el-toggle-tight>*{flex:0 0 calc((100% - 1.5rem)/2)}
.slot_field.sec2-icon>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.slot_field.panel-view-hard>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){.slot_field.sec2-icon>*,.slot_field.panel-view-hard>* {
  flex-basis: calc((100% - 1.5rem)/2);
}}
@media (max-width:560px){
.slot_field.el-toggle-tight>*,.slot_field.sec2-icon>*,.slot_field.panel-view-hard>*{flex-basis:100%}
}
.el_a{color:var(--color-muted);font-size:1.15rem}
.burger-last {
  color: var(--color-overline);
  text-transform: var(--case-overline);
  font-size: .8rem;
  letter-spacing: var(--tracking-eyebrow);
  font-weight: 700;
  display: inline-block;
  margin-bottom: .75rem;
}
.grid-outer{color:var(--color-muted)}
.body-third{text-align:center}
.title-lead-narrow {
  position: absolute;
  clip: rect(0 0 0 0);
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 1px;
}
@media (max-width:640px){.main{padding-block:calc(var(--space-block) * .7)}}
.wrap-shape-hard{background:var(--color-background);border-bottom:1px solid var(--color-stroke)}
.row-main{color:var(--color-on-brand);background:var(--color-main);font-size:.85rem}
.pic-8 {
  text-align: center;
  max-width: 100%;
  min-width: 0;
}
.page-4 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: .4rem 0;
}
.group-pane-fixed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 0;
}
.head-fit {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}
.wrap-slot-md {
  width: auto;
  height: auto;
  max-height: 2.5rem;
}
.stack{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;list-style:none;margin:0;padding:0}
.side-compact{font-weight:500;letter-spacing:.02em;color:var(--color-body);text-transform:uppercase;font-size:.85rem}
.side-compact:hover,.panel-x {
  color: var(--color-main);
}
.badge-edge {
  display: none;
}
.badge-edge:focus-visible + .burger-author-main {
  outline: 2px solid var(--color-main);
  outline-offset: 4px;
}
.burger-author-main{display:none;flex:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;white-space:nowrap;line-height:1.2;padding:.4rem 1rem;border:1px solid var(--color-stroke);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem}
@media (max-width:860px){
.badge-edge{display:block}
.group-pane-fixed {
  gap: .75rem;
}
.burger-author-main {
  display: inline-flex;
}
.copy-ctx-round {
  display: none;
  width: 100%;
}
.badge-edge:checked ~ .copy-ctx-round{display:block}
.stack {
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  padding-bottom: .5rem;
}
.page-4{flex-direction:column;align-items:center;gap:.25rem}
}
.dot_sm{padding-top:clamp(3rem,7vw,5rem)}
.bar {
  background: var(--color-main);
  color: var(--color-on-brand);
}
.flow-6 {
  color: var(--color-inverse-text);
  background: var(--color-inverse);
}
.base-7{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem clamp(2rem,6vw,5rem);align-items:end;padding-bottom:clamp(2.5rem,6vw,4rem)}
.grid_box2_first{font-weight:var(--weight-title);margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.75rem);letter-spacing:var(--tracking-title);line-height:1.08}
.mark-y{color:inherit;opacity:.75;font-size:.78rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.12em}
.link-narrow {
  color: inherit;
  display: block;
  font-weight: 700;
  font-size: clamp(1.3rem,2.5vw,1.7rem);
}
.pill-loose {
  color: inherit;
  margin-top: .3rem;
  display: block;
  text-underline-offset: .2em;
  text-decoration: underline;
}
.link-narrow:hover,.pill-loose:hover {
  opacity: .8;
  color: inherit;
}
.text_square{opacity:.8;margin:.75rem 0 0}
.zone_1{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-block:1.5rem;border-top:1px solid rgba(255,255,255,.2)}
.bar .zone_1{border-color:color-mix(in srgb,var(--color-on-brand) 25%,transparent)}
.inner-5{font-size:1.2rem;font-weight:var(--weight-title);color:inherit;font-family:var(--font-display)}
.icon_wide {
  max-width: 24rem;
  text-wrap: balance;
  font-size: 1.05rem;
}
.area_app_lg,.intro {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.5rem;
  margin: 0;
  padding: 0;
}
.pill-main {
  color: inherit;
}
.pill-main:hover{color:inherit;opacity:.75}
.grid_loose {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem 1.5rem;
  margin-inline-start: auto;
  font-size: .82rem;
  opacity: .8;
}
@media (max-width:820px){
.base-7{align-items:start;grid-template-columns:minmax(0,1fr)}
.grid_loose {
  margin-inline-start: 0;
}
}
.dot-row-a{position:fixed;box-shadow:var(--shadow-1);left:0;z-index:50;padding:1rem 0;right:0}
.unit-card-md{bottom:0}
.bar_foot_round {
  color: var(--color-inverse-text);
  background: var(--color-inverse);
}
.foot-brand-inline{border-top:1px solid var(--color-stroke);background:var(--color-layer);color:var(--color-body)}
.dot-row-a[hidden] {
  display: none;
}
.cnt-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.btn_badge {
  margin: 0;
  font-size: .95rem;
}
.cell-center {
  margin-left: .35rem;
  text-decoration: underline;
  color: inherit;
}
.box2-raised{flex-shrink:0;display:flex;gap:.75rem}
.bar_foot_round .cap_ghost {
  border-color: var(--color-background);
}
.bar_foot_round .cap_ghost:not(.head_hard) {
  color: var(--color-inverse);
  background: var(--color-primary-inverse);
  border-color: transparent;
}
.bar_foot_round .head_hard.cap_ghost {
  color: var(--color-background);
}
@media (max-width:720px){.dot-row-a{padding:.7rem 0}.cnt-logo{flex-direction:column;align-items:stretch;gap:.6rem}.btn_badge{font-size:.84rem;line-height:1.4}.box2-raised{justify-content:flex-end}}
.box-v2 {
  padding: 2.25rem;
  background: var(--color-layer);
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-xl);
  min-width: 0;
}
.label .box-v2{text-align:center}
.wrap-third{margin:0;overflow-wrap:anywhere}
.pic-left {
  margin: .75rem 0 0;
  color: var(--color-muted);
  overflow-wrap: anywhere;
}
.base_side {
  color: inherit;
}
.pane-sub-y{display:grid;gap:1rem;text-align:start;margin-top:1.75rem}
.hero{min-width:0;display:grid;gap:.35rem}
.top{font-weight:600;font-size:.9rem}
.sub-frame-flat{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-stroke);border-radius:var(--radius-md);background:var(--color-background)}
.sub-frame-flat:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 1px;
}
.mark-2{resize:vertical}
.inner-raised{max-width:100%;justify-self:start;overflow-wrap:anywhere}
.label .inner-raised {
  justify-self: center;
}
@media (max-width:480px){.box-v2{padding:1.25rem}}
.mark-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 1rem 2rem;
  margin-bottom: clamp(1.5rem,3vw,2.25rem);
}
.ctx-open {
  min-width: 0;
}
.slot_strip{margin:0;max-width:26ch}
.pic-hard{font-size:calc(var(--size-xl) * 1.15)}
.panel-3{white-space:nowrap;font-weight:600}
.body-6{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.75rem);align-items:start}
.edge-c{min-width:0}
.node-box2 {
  border-radius: var(--radius-xl);
  display: block;
  overflow: hidden;
  margin-bottom: 1.1rem;
}
.pane-nav {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/10;
}
.outer-stack{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;font-size:.8rem;margin:0 0 .5rem}
.label-1 {
  font-weight: 700;
  color: var(--color-overline);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: var(--case-overline);
}
.edge-12{color:var(--color-muted)}
.foot-5{font-size:clamp(1.45rem,2.5vw,2.15rem);margin:0 0 .6rem}
.side-el-half{color:var(--color-body)}
.side-el-half:hover{color:var(--color-main)}
.note-box2-b{margin:0;color:var(--color-muted);max-width:62ch}
.zone-full{display:grid;list-style:none;padding:0;gap:1.15rem;margin:0}
.wrap-half{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;align-items:start;padding-bottom:1.15rem;border-bottom:1px solid var(--color-stroke)}
.wrap-half:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.cap_page_old{display:block;overflow:hidden;border-radius:var(--radius-md)}
.edge{width:100%;object-fit:cover;aspect-ratio:1}
.field-view {
  min-width: 0;
}
.stack-10{color:var(--color-muted);margin:0 0 .3rem;font-size:.75rem}
.avatar-6 {
  font-size: 1.02rem;
  line-height: 1.35;
  margin: 0;
}
.shape_old{color:var(--color-body)}
.shape_old:hover{color:var(--color-main)}
@media (max-width:860px){
.body-6{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){.wrap-half {
  grid-template-columns: 5rem minmax(0,1fr);
}}
.pill-lg {
  overflow-wrap: anywhere;
}
.block-sec {
  margin: 0 auto 3rem;
  max-width: 50rem;
  text-align: center;
}
.block-sec h2 {
  font-size: clamp(1.8rem, 3.8vw, 3.25rem);
}
.el-half {
  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-stroke);
}
.el-half:nth-child(odd) {
  background: var(--color-layer);
}
.row-box-active {
  max-width: 20ch;
}
.stack-9 {
  max-width: 70ch;
}
.stack-9 p:last-child{margin-bottom:0}
@media (max-width: 640px){.el-half {
  grid-template-columns: minmax(0, 1fr);
}.row-box-active{max-width:none}}
.layer-v2 {
  margin-bottom: clamp(1.25rem,3vw,2rem);
}
.burger-z{margin:0}
.base-fit {
  gap: clamp(1.5rem,3vw,2.5rem);
  display: grid;
}
.note-sec2-alt {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.icon-mark-tight {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.area_layer{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-core{grid-template-columns:minmax(0,40rem)}
.head-flow{padding-top:1rem;min-width:0;border-top:3px solid var(--color-main)}
.head-ref{margin:0 0 1rem;font-size:.85rem;letter-spacing:var(--tracking-eyebrow);text-transform:var(--case-overline);font-weight:700;color:var(--color-overline)}
.menu-6 {
  margin-bottom: .8rem;
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.page-3 {
  aspect-ratio: 3/2;
  width: 100%;
  object-fit: cover;
}
.box-mini{font-size:1.15rem;font-weight:var(--weight-title);line-height:1.35;font-family:var(--font-display);margin:0 0 .3rem}
.pill-muted {
  color: var(--color-body);
}
.pill-muted:hover {
  color: var(--color-main);
}
.ctx-auto {
  font-size: .78rem;
  color: var(--color-muted);
  margin: 0 0 .9rem;
}
.app-raised{list-style:none;margin:0;padding:0}
.burger{border-top:1px solid var(--color-stroke);line-height:1.4;padding-block:.7rem;font-size:.95rem}
.toggle-5{color:var(--color-body)}
.toggle-5:hover{color:var(--color-main)}
@media (max-width:900px){
.note-sec2-alt,.icon-mark-tight {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width:640px){.note-sec2-alt,.icon-mark-tight,.area_layer{grid-template-columns:minmax(0,1fr)}}
.sec2-12 {
  padding-block: calc(var(--space-block) * .8);
}
.stack-part-wide{background:var(--color-layer)}
.dot-col{background:var(--color-main);color:var(--color-on-brand)}
.dot-col .mark-11,.dot-col .site-sub {
  color: var(--color-on-brand);
}
.title-side-hard {
  border-bottom: 1px solid var(--color-stroke);
}
.sec2-raised{text-align:center}
.wrap_12{opacity:.8;margin-bottom:.75rem;font-size:.85rem}
.hero-raised {
  margin: 0 .5rem;
}
.box2-8 {
  opacity: .7;
}
.mark-11 {
  margin-bottom: .5rem;
}
.inner-full {
  margin: 0;
  max-width: 40rem;
  opacity: .85;
  font-size: 1.1rem;
}
.sec2-raised .inner-full {
  margin-inline: auto;
}
.quote_c {
  max-width: 40rem;
  margin-bottom: 2rem;
}
.cell-2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-core-fit{display:flex;flex-direction:column;background:var(--color-layer);border:1px solid var(--color-stroke);border-radius:var(--radius-xl);overflow:hidden}
.badge-v2{display:block}
.author-title{width:100%;aspect-ratio:16/10;object-fit:cover}
.list-md {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem;
  flex-grow: 1;
}
.cnt-right {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .8rem;
  color: var(--color-muted);
}
.quote_8{font-size:1.2rem;margin:0}
.part-edge{color:var(--color-body)}
.part-edge:hover {
  color: var(--color-main);
}
.pane_x{color:var(--color-muted);margin:0;flex-grow:1}
.part-stat {
  font-weight: 600;
  font-size: .9rem;
}
.area-part {
  overflow-wrap: anywhere;
}
.edge-fill {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.link-toggle-center{padding-top:1.5rem;border-top:4px solid var(--color-main)}
.ctx-9 {
  border-bottom: 1px solid var(--color-stroke);
  padding: 0 0 1.5rem 3.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.dot-compact {
  left: 0;
  font-size: .8rem;
  top: .15rem;
  position: absolute;
  font-variant-numeric: tabular-nums;
  color: var(--color-muted);
}
.text-4 {
  max-width: 65ch;
}
@media (max-width: 760px){
.edge-fill{grid-template-columns:minmax(0, 1fr)}
.ctx-9{padding-left:2.5rem}
}
.copy-badge-b{overflow-wrap:anywhere}
.slot>*{min-width:0}
.media-flat{max-width:24ch}
.grid_v2 {
  color: var(--color-muted);
}
.pill-stack{max-width:100%;white-space:normal;text-align:center}
.note-1 {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 1rem 4rem;
  align-items: end;
  margin-bottom: 3rem;
}
.note-1 .burger-last{grid-column:1/-1}
.media-flat {
  margin: 0;
  line-height: 1.12;
  font-size: clamp(2rem,4.2vw,4rem);
  max-width: 21ch;
}
.page-copy-light {
  max-width: 45ch;
  margin: 0;
}
.foot {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 0;
  list-style: none;
  border-top: 2px solid var(--color-body);
  padding: 0;
}
.media_sub{min-width:0;padding:2rem 2rem 0 0}
.media_sub+.media_sub {
  border-left: 1px solid var(--color-stroke);
  padding-left: 2rem;
}
.body-nav-fill {
  margin-bottom: 2rem;
  font-family: var(--font-display);
  font-size: clamp(2.8rem,6vw,5rem);
  color: var(--color-main);
  line-height: 1;
  display: block;
  letter-spacing: -.05em;
}
.zone-8{min-height:2.6em;font-size:clamp(1.3rem,2.3vw,1.8rem)}
.grid_v2 {
  margin: 0;
  line-height: 1.85;
}
@media(max-width:740px){
.note-1 {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.foot{grid-template-columns:1fr}
.media_sub,.media_sub+.media_sub {
  border-left: 0;
  border-bottom: 1px solid var(--color-stroke);
  padding: 1.7rem 0;
  display: grid;
  grid-template-columns: 3rem minmax(0,1fr);
  gap: .7rem 1.2rem;
}
.body-nav-fill{font-size:2.5rem;grid-row:1/3;margin:0}
.zone-8 {
  min-height: 0;
  margin: 0;
}
.grid_v2{grid-column:2}
}
.foot_stack {
  overflow-wrap: anywhere;
}
.intro-flat>*{min-width:0}
.block_inner_center{max-width:24ch}
.outro_pane{color:var(--color-muted)}
.page-ghost{max-width:100%;text-align:center;white-space:normal}
.pic-soft{max-width:54rem;margin-bottom:3rem}
.block_inner_center {
  font-size: clamp(2rem,4vw,3.4rem);
}
.intro-flat{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.logo-11 {
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-main);
}
.item-new{font-family:var(--font-display);line-height:1.35;font-size:1.5rem}
.stack_old {
  margin: 1.8rem 0;
}
.stack_old div {
  margin-bottom: 1.2rem;
}
.stack_old dt,.ref-c{margin:0 0 .4rem;font-size:.8rem;color:var(--color-muted)}
.stack_old dd{font-size:1.15rem;margin:0}
.item-8{padding:0;list-style:none;margin:.7rem 0 0}
.item-8 li {
  font-size: .9rem;
  border-top: 1px solid var(--color-stroke);
  padding: .6rem 0;
}
.sec2-ctx {
  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-stroke);
}
.bar-top {
  font-family: var(--font-display);
  letter-spacing: -.05em;
  font-size: clamp(2rem,5vw,3.5rem);
  color: var(--color-main);
  line-height: 1.1;
}
.field-link-stack {
  font-size: clamp(1.3rem,2.1vw,1.75rem);
}
.outro_pane {
  max-width: 62ch;
  margin: 0;
  line-height: 1.9;
}
.field-8 {
  min-width: 0;
}
@media(max-width:760px){.intro-flat{grid-template-columns:1fr}.logo-11 {
  padding: 1.2rem 0 1.2rem 1.2rem;
  border-top: 1px solid var(--color-stroke);
  border-bottom: 1px solid var(--color-stroke);
}.stack_old{display:flex;flex-wrap:wrap;gap:1.2rem 2.5rem;margin:1.2rem 0}.stack_old div{margin:0}.item-8{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.item-8 li{border-top:0;padding:0}.sec2-ctx{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}.bar-top{font-size:2rem}}
.icon_3 {
  background: var(--color-background);
  overflow-wrap: anywhere;
  padding-block: calc(var(--space-block) * .7);
}
.outro-3{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:var(--color-layer);border:1px solid var(--color-stroke);border-radius:var(--radius-xl);overflow:hidden}
.row-chip{min-width:0;padding:clamp(1.5rem,4.5vw,4rem);border-top:4px solid var(--color-main)}
.pic-side-big .row-chip {
  border-top: 0;
  border-left: 4px solid var(--color-main);
}
.grid-primary {
  color: var(--color-main);
}
.field-5 {
  max-width: 22ch;
  line-height: 1.15;
  font-size: calc(var(--size-xxl) * .88);
}
.body-wide {
  max-width: 38rem;
  line-height: 1.7;
  color: var(--color-muted);
  font-size: 1.05rem;
  margin: 1.2rem 0 0;
}
.col-7 {
  display: flex;
  min-width: 0;
  padding: .8rem;
  margin: 0;
}
.text_input_first{object-fit:cover;height:100%;border-radius:var(--radius-md);aspect-ratio:4/5;width:100%;min-height:12rem}
@media (max-width:700px){
.outro-3{grid-template-columns:1fr}
.field-5{font-size:var(--size-xxl)}
.col-7{padding:0 1.25rem 1.25rem}
.text_input_first {
  height: auto;
  aspect-ratio: 16/7;
  min-height: 0;
}
.body-wide {
  font-size: 1rem;
}
}
.sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:3rem;align-items:end;margin-bottom:3rem}
.frame-intro{margin:0;overflow-wrap:anywhere;max-width:20ch}
.page_11 {
  margin: 0;
}
.btn-tight{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:2rem;list-style:none;margin:0;padding:0}
.btn-tight:has(> :only-child){max-width:28rem;margin-inline:auto}
.box{min-width:0}
.cap-dark {
  position: relative;
}
.flow-dark {
  object-fit: cover;
  border-radius: var(--radius-md);
  width: 100%;
  object-position: center 30%;
  aspect-ratio: 4/5;
}
.shape-c {
  background: var(--color-background);
  padding: .65rem 1rem;
  color: var(--color-body);
  left: 0;
  position: absolute;
  bottom: 0;
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
}
.chip_left{border-bottom:1px solid var(--color-stroke);padding-block:1.2rem;margin-bottom:1rem}
.hero-sm{font-size:1.25rem;overflow-wrap:anywhere;margin-bottom:.3rem}
.slot_burger{color:var(--color-main);font-size:.85rem}
.note{color:var(--color-muted);margin:0;font-size:.95rem}
.cap-dark:not(:has(.flow-dark)){display:none}
@media(max-width:760px){.sec {
  grid-template-columns: minmax(0,1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}}
.stat-12 {
  overflow-wrap: anywhere;
  padding-block: calc(var(--space-block) * .8);
  background: var(--color-background);
}
.elem {
  border-radius: var(--radius-xl);
  display: grid;
  background: var(--color-inverse);
  grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
  overflow: hidden;
  color: var(--color-inverse-text);
}
.head-card-x {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 1rem;
}
.input-tight{width:100%;height:100%;border-radius:var(--radius-md);aspect-ratio:4/5;min-height:18rem;object-fit:cover}
.row_icon_hard{min-width:0;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex}
.copy-pic-compact {
  width: 100%;
  border-top: 1px solid var(--color-on-dark-muted);
  padding-top: 1.2rem;
}
.brand-square{font-size:.8rem;margin-bottom:1.1rem;display:block;text-transform:var(--case-overline);color:var(--color-primary-inverse);letter-spacing:var(--tracking-eyebrow)}
.shape_10 {
  color: var(--color-inverse-text);
  max-width: 23ch;
}
.cap_2 {
  margin: 1.1rem 0 1.6rem;
  max-width: 35rem;
  color: var(--color-on-dark-muted);
}
.cell_row_raised {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  border-bottom: 1px solid var(--color-on-dark-muted);
  padding-bottom: .8rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-inverse-text);
}
.cell_row_raised:hover {
  color: var(--color-primary-inverse);
  text-underline-offset: .3em;
  text-decoration: underline;
}
.card_layer_wide .head-card-x {
  order: 2;
}
@media (max-width:700px){
.elem {
  grid-template-columns: 1fr;
}
.head-card-x {
  padding: 1rem 1rem 0;
}
.input-tight {
  height: auto;
  aspect-ratio: 16/9;
  min-height: 0;
}
.row_icon_hard{padding:1.5rem}
.card_layer_wide .head-card-x{order:0}
}
.pic_v3{margin-bottom:2rem}
.pane-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.app-alt{padding:1.5rem;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-layer);border-top:3px solid var(--color-main)}
.cell-stack{font-family:var(--font-display);display:block;color:var(--color-brand-subtle);line-height:1;font-size:2rem;margin-bottom:.75rem}
.cell_copy {
  color: var(--color-muted);
  margin: 0;
}
.quote_square {
  margin-bottom: 2.5rem;
  max-width: 40rem;
}
.btn_stack {
  list-style: none;
  margin: 0 0 3rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap: 1.25rem;
}
.btn_stack:has(>:nth-child(4)){grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.hero_wrap_loose {
  min-width: 0;
  overflow-wrap: anywhere;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  padding: 1.5rem;
  border: 1px solid var(--color-stroke);
  border-radius: var(--radius-xl);
  background: var(--color-layer);
}
.meta-ghost {
  display: inline-flex;
  justify-content: center;
  color: var(--color-on-brand);
  background: var(--color-main);
  margin-bottom: .5rem;
  border-radius: 50%;
  align-items: center;
  height: 2.25rem;
  width: 2.25rem;
}
.meta-ghost svg{width:1.1rem;height:1.1rem}
.title-ghost{letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.8rem;color:var(--color-muted)}
.stack_sm{font-weight:500;overflow-wrap:anywhere;min-width:0;line-height:1.5}
.line-fixed{color:var(--color-body)}
.line-fixed:hover {
  color: var(--color-main);
}
.meta .edge-primary {
  padding: 2.25rem;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-1);
  background: var(--color-background);
}
.media-frame-top {
  margin-bottom: 1.25rem;
}
.core{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.part-cell{min-width:0;display:block}
.info-12 {
  grid-column: 1 / -1;
}
.core_3 {
  margin-bottom: .35rem;
  display: block;
  font-weight: 600;
  font-size: .85rem;
}
.block-4{width:100%;min-width:0;padding:.7rem .85rem;border:1px solid var(--color-stroke);border-radius:var(--radius-md);background:var(--color-layer);color:var(--color-body)}
.block-4:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 1px;
}
.input_shape{resize:vertical}
.ref_fit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
}
.main-8{font-size:.85rem}
@media (max-width:760px){
.core {
  grid-template-columns: minmax(0,1fr);
}
}
.quote_square,.edge-primary{min-width:0;overflow-wrap:anywhere}
.ref_fit>.line-ctx-old {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media(max-width:480px){
.meta .edge-primary{padding:1.25rem}
}
.pill-new .frame-soft{max-width:46rem}
.chip .frame-soft {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: start;
}
.ctx-x {
  margin-bottom: 1.5rem;
}
.box2-wide {
  border-bottom: 1px solid var(--color-stroke);
  padding: .25rem 0;
}
.input_11{position:relative;list-style:none;font-weight:600;cursor:pointer;padding:.9rem 2rem .9rem 0}
.input_11::-webkit-details-marker {
  display: none;
}
.input_11::after {
  position: absolute;
  right: 0;
  font-size: 1.4rem;
  transition: transform .2s;
  content: "+";
  color: var(--color-main);
  top: .7rem;
}
.box2-wide[open] .input_11::after{transform:rotate(45deg)}
.part_last {
  color: var(--color-muted);
  margin: 0 0 1rem;
}
@media (max-width:860px){.chip .frame-soft {
  grid-template-columns: 1fr;
  gap: 1rem;
}}
.base_12{background:var(--color-background);overflow-wrap:anywhere;padding-block:calc(var(--space-block) * .85)}
.list_11{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}
.stat {
  max-width: 75%;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: var(--case-overline);
  font-size: .8rem;
  font-weight: 600;
  color: var(--color-main);
}
.panel-loose {
  height: 1px;
  background: var(--color-stroke);
  flex: 1;
}
.side-alt .panel-loose{background:var(--color-main);height:3px}
.burger-loose{line-height:1.1;max-width:24ch;padding-bottom:1.8rem;font-size:calc(var(--size-xxl) * 1.2);margin:0}
.cnt-menu-new {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--color-stroke);
  padding-top: 1.3rem;
}
.head-6{max-width:24rem;font-weight:600;color:var(--color-muted);font-size:.8rem}
.dot-bottom {
  grid-template-columns: minmax(0,1fr);
}
.outer_first {
  color: var(--color-muted);
  margin: 0;
  line-height: 1.7;
  max-width: 42rem;
  font-size: 1.1rem;
}
@media (max-width:640px){.burger-loose {
  font-size: var(--size-xxl);
}.cnt-menu-new {
  grid-template-columns: 1fr;
  gap: 1rem;
}.head-6{display:none}.outer_first {
  font-size: 1rem;
}}
.field-lead {
  overflow-wrap: anywhere;
  background: var(--color-layer);
}
.group{max-width:56rem;background:var(--color-background);border:1px solid var(--color-stroke);border-top:3px solid var(--color-main);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-1);padding:clamp(1.25rem,4vw,3.5rem)}
.page-b {
  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-stroke);
  font-size: .85rem;
}
.box-11{min-width:0;color:var(--color-muted)}
.text_intro_center{text-align:right;margin:0;min-width:0;color:var(--color-body)}
.block-12{max-width:66ch;margin-inline:auto}
.side-square {
  line-height: 1.8;
  margin: 0 0 2.5rem;
  white-space: pre-line;
  font-size: 1.1rem;
}
.dot_9 {
  margin-top: 2.25rem;
}
.stack-sub {
  line-height: 1.35;
  scroll-margin-top: 8rem;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
  margin: 0 0 .9rem;
}
.mark-slot-loose{color:var(--color-body);text-decoration:underline;text-decoration-color:var(--color-stroke);text-decoration-thickness:1px;text-underline-offset:.25em}
.mark-slot-loose:hover {
  text-decoration-color: currentColor;
  color: var(--color-main);
}
.mark-slot-loose:focus-visible,.stack-sub:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 5px;
}
.author-11{line-height:1.85;font-size:1rem;margin:0 0 1rem;white-space:pre-line}
.author-11:last-child{margin-bottom:0}
@media(max-width:480px){.group {
  padding: 1.25rem 1rem;
}.page-b {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}.text_intro_center {
  text-align: left;
}.side-square {
  margin-bottom: 1.75rem;
  font-size: 1.05rem;
}.dot_9 {
  margin-top: 1.75rem;
}.author-11 {
  line-height: 1.75;
}}
.flow {
  overflow-wrap: anywhere;
}
.media_primary{display:grid;grid-template-columns:minmax(12rem,19rem) minmax(0,44rem);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
.list_compact{padding-top:.35rem;min-width:0;position:sticky;top:7rem}
.item-raised {
  margin: 0 0 1.75rem;
  padding: 0 0 1.5rem;
  border-bottom: 2px solid var(--color-main);
}
.intro-last {
  margin-bottom: .4rem;
  color: var(--color-muted);
  letter-spacing: .05em;
  font-size: .75rem;
}
.outer{font-size:.95rem;margin:0;font-weight:600;color:var(--color-body)}
.field-auto {
  margin: 0;
  display: grid;
  list-style: none;
  gap: .3rem;
  padding: 0;
}
.ct-12 {
  min-width: 0;
}
.badge-sm {
  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-stroke);
}
.badge-sm:hover {
  color: var(--color-main);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.badge-sm:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 3px;
}
.inner-6 {
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
  color: var(--color-muted);
}
.el-sub-third{min-width:0}
.outro-11 {
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  margin: 0 0 2.5rem;
  line-height: 1.7;
  white-space: pre-line;
}
.brand-full {
  padding-block: 1.8rem;
  border-top: 1px solid var(--color-stroke);
}
.brand-full:last-child {
  padding-bottom: 0;
}
.site-7 {
  line-height: 1.35;
  margin: 0 0 1rem;
  scroll-margin-top: 8rem;
  font-size: clamp(1.15rem,1.6vw,1.45rem);
}
.site-7:focus{outline:2px solid var(--color-main);outline-offset:5px}
.cell_node {
  white-space: pre-line;
  line-height: 1.8;
  margin: 0 0 1rem;
  font-size: 1rem;
}
.cell_node:last-child {
  margin-bottom: 0;
}
@media(max-width:780px){.media_primary{grid-template-columns:minmax(0,1fr);gap:2rem}.list_compact{position:static;padding:1.25rem;background:var(--color-layer);border:1px solid var(--color-stroke);border-radius:var(--radius-md)}.item-raised {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}.field-auto {
  column-gap: 1.25rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}.outro-11{margin-bottom:1.75rem}}
@media(max-width:480px){.field-auto{grid-template-columns:minmax(0,1fr)}.brand-full{padding-block:1.5rem}}
.outer-alt {
  max-width: 46rem;
}
.strip-lg {
  font-size: .85rem;
  color: var(--color-muted);
}
.part-frame-new{font-size:1.05rem}
.slot-toggle{margin-top:2rem}
.view-sub {
  font-size: 1.3rem;
}
.outer-8{color:var(--color-body)}
.top-head-old {
  padding-block: 1.5rem calc(var(--space-block) * .75);
}
.strip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 2rem;border-bottom:1px solid var(--color-stroke);padding-bottom:1rem}
.side-box {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.75rem;
  font-size: .85rem;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.side-box:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 4px;
}
.app{margin:0;min-width:0}
.flow-cell-last {
  overflow-wrap: anywhere;
  font-size: clamp(2.1rem,5.5vw,5.1rem);
  margin-block: clamp(1.5rem,4vw,3.5rem);
  line-height: 1.06;
  max-width: 22ch;
}
.line-tight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.25fr);gap:clamp(1.5rem,4vw,4rem);border-top:1px solid var(--color-stroke);padding-top:1.75rem}
.line_top_right{font-size:.85rem;min-width:0;line-height:1.6}
.icon_part{margin:0 0 1rem;font-weight:600}
.unit-sub,.field-fit {
  margin-bottom: .3rem;
  color: var(--color-muted);
}
.card-left{min-width:0}
.el {
  margin: 0 0 1.75rem;
  line-height: 1.65;
  font-size: clamp(1.05rem,1.55vw,1.35rem);
  max-width: 55ch;
}
.brand-accent{margin:0}
.edge-wide{aspect-ratio:16/9;width:100%;border-radius:var(--radius-md);object-fit:cover}
.brand-accent:not(:has(img)){display:none}
@media(max-width:700px){
.line-tight {
  grid-template-columns: minmax(0,1fr);
  gap: 1.25rem;
  padding-top: 1.25rem;
}
.line_top_right {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1.25rem;
}
.icon_part{margin:0;flex-basis:100%}
.unit-sub,.field-fit{margin:0}
.el{margin-bottom:1.25rem}
.flow-cell-last{max-width:25ch}
}
.ref_body_loose{padding-top:calc(var(--space-block) * .45)}
.tile {
  max-width: 70rem;
  display: grid;
  grid-template-columns: minmax(12rem,.32fr) minmax(0,1fr);
  gap: clamp(2.5rem,6vw,6rem);
  align-items: start;
}
.block{position:sticky;padding-top:.6rem;max-height:calc(100svh - 4rem);scrollbar-width:thin;top:2rem;min-width:0;border-top:3px solid var(--color-main);overflow:auto}
.dot_input_fixed{line-height:1.55;padding-left:2rem;list-style:decimal-leading-zero;font-size:.875rem;margin:0}
.unit-brand {
  padding-left: .15rem;
  border-bottom: 1px solid var(--color-stroke);
}
.unit-brand::marker {
  font-size: .75rem;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}
.head-inline {
  display: block;
  min-height: 44px;
  padding: .85rem .5rem;
  color: var(--color-body);
  text-decoration: underline;
  text-decoration-color: var(--color-stroke);
  text-underline-offset: .25em;
  overflow-wrap: anywhere;
}
.head-inline:hover {
  text-decoration-color: currentColor;
  color: var(--color-main);
}
.head-inline:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: -2px;
  border-radius: 2px;
  background: var(--color-layer);
}
.outer-elem-raised{overflow-wrap:anywhere;line-height:1.85;min-width:0;font-size:1.0625rem;max-width:68ch}
.strip-app{margin-bottom:2.6rem;padding-bottom:2.6rem;border-bottom:1px solid var(--color-stroke)}
.line-title {
  font-size: clamp(1.45rem,2.2vw,1.9rem);
  margin-bottom: 1.2rem;
  scroll-margin-top: 6rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.line-title:focus-visible{outline:2px solid var(--color-main);outline-offset:.4rem}
.area{margin:0 0 1.3em}
.area:last-child {
  margin-bottom: 0;
}
.field{margin:1.5rem 0 0;padding-left:1.35rem}
.text_burger {
  margin-bottom: .75rem;
  padding-left: .4rem;
}
.text_burger::marker{color:var(--color-main)}
.text_burger:last-child{margin:0}
.bar-wide {
  padding: 1.5rem;
  background: var(--color-layer);
  border-radius: var(--radius-md);
}
.el-11{margin:0;font-size:1.05em;line-height:1.8}
@media(max-width:800px){
.tile{grid-template-columns:minmax(0,1fr);gap:2.5rem}
.block {
  position: static;
  padding-bottom: .5rem;
  max-height: none;
  overflow: visible;
}
.outer-elem-raised{font-size:1rem}
.dot_input_fixed{column-gap:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.strip-app {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
}
@media(max-width:480px){
.dot_input_fixed {
  display: block;
}
.bar-wide{padding:1.25rem}
}
.pill-hard{padding-block:calc(var(--space-block) * .5)}
.view-xl {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  max-width: 44rem;
  padding: 1.5rem;
  background: var(--color-layer);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-stroke);
}
.pic_btn .view-xl{align-items:center;flex-direction:column;text-align:center}
.img {
  border-radius: 50%;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  background: var(--color-main);
  font-size: 1.2rem;
  display: inline-flex;
  color: var(--color-on-brand);
}
.pill_1{margin:0 0 .15rem;font-size:1.2rem}
.note_label_ghost {
  font-weight: 600;
  margin-bottom: .5rem;
  color: var(--color-main);
  font-size: .9rem;
  display: block;
}
.icon-primary {
  color: var(--color-muted);
  margin: 0;
}
.area-big{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-xl)}
.author_side{border:2px solid var(--color-main)}
.dot {
  background: var(--color-layer);
}
.tag-sm{color:var(--color-on-brand);background:var(--color-main)}
.bar_compact {
  text-transform: var(--case-overline);
  display: block;
  letter-spacing: var(--tracking-eyebrow);
  font-size: .8rem;
  color: var(--color-overline);
  font-weight: 700;
  margin-bottom: .7rem;
}
.tag-sm .bar_compact,.tag-sm .sub-full{color:var(--color-on-brand)}
.sub-full{margin-bottom:.9rem}
.inner-3{opacity:.9;margin-bottom:1.6rem}
.strip-field{padding:0;gap:1rem;list-style:none;display:grid;margin:0}
.pane{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--color-background);color:var(--color-body);font-weight:600;box-shadow:var(--shadow-1)}
.sub-zone{border-radius:50%;color:var(--color-on-brand);height:1.9rem;place-items:center;width:1.9rem;background:var(--color-main);flex:none;display:grid}
.sub-zone svg{width:1rem;height:1rem}
@media (max-width:820px){
.area-big{grid-template-columns:minmax(0,1fr)}
}
.mark-menu-soft {
  display: grid;
  grid-template-columns: minmax(0,.45fr) minmax(0,1fr);
  gap: 3rem;
  align-items: start;
}
.strip-img {
  max-width: 15ch;
  font-size: clamp(1.5rem,2.5vw,2.2rem);
  overflow-wrap: anywhere;
}
.outro-tight {
  border-top: 1px solid var(--color-stroke);
  padding: 0;
  margin: 0;
  list-style: none;
}
.cap{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-block:1.5rem;border-bottom:1px solid var(--color-stroke)}
.menu {
  color: var(--color-main);
  padding-top: .2rem;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}
.pic-z{font-size:.75rem;color:var(--color-muted)}
.pill-meta {
  font-size: 1.3rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  margin: .5rem 0;
}
.toggle_z{color:var(--color-body)}
.toggle_z:hover{color:var(--color-main)}
.btn_line_b {
  color: var(--color-main);
  white-space: nowrap;
}
.slot-box {
  margin: 0;
  font-size: .95rem;
  color: var(--color-muted);
}
@media(max-width:700px){
.mark-menu-soft{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.strip-img {
  margin: 0;
  max-width: none;
}
}