:root{--surface-dark:#272727;--surface-dark-rgb:39,39,39;--mm-text:#f2f1ed;--mm-secondary:#b6b4ae;--mm-meta:#918f89;--mm-accent:#df713c;--motion-fast:280ms;--motion-standard:480ms;--motion-slow:760ms;--motion-easing:cubic-bezier(.22,1,.36,1)}
html[data-site-theme=manmatic],html[data-site-theme=manmatic] body,html[data-site-theme=manmatic] .manmatic-board-page main{background:var(--surface-dark);color:var(--mm-text)}
.manmatic-board-page{--theme-bg:var(--surface-dark);--theme-text:var(--mm-text);--theme-muted:var(--mm-secondary);--theme-line:#4b4b4b;overflow-x:hidden}
.manmatic-page .ambient-signal{display:block!important;opacity:.46}
.manmatic-page.manmatic-board-page .material-texture{display:block!important;opacity:.16;mix-blend-mode:screen}
.manmatic-page main,.manmatic-page .mm-board{background:transparent}
.mm-board{padding-top:clamp(84px,8vw,118px);background:var(--surface-dark);font-family:var(--font-mono)}
.mm-width{width:min(calc(100% - 48px),1320px);margin-inline:auto}
.mm-opening{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:clamp(24px,4vw,58px);align-items:start;padding-bottom:clamp(38px,4vw,58px)}
.mm-kicker,.mm-index,.mm-tags,figcaption,.mm-board dt{color:var(--mm-meta);font-size:clamp(.54rem,.62vw,.66rem);letter-spacing:.045em;text-transform:uppercase}
.mm-opening h1{font-size:clamp(1.75rem,3.1vw,3.15rem);line-height:.95;letter-spacing:.28em}.mm-opening h1 span{display:inline-block;color:inherit}.mm-board em{color:var(--mm-accent);font-style:normal}
.mm-subtitle{margin-top:7px;font-size:clamp(.62rem,.78vw,.82rem);font-weight:500}.mm-opening h2{margin-top:clamp(22px,2.7vw,38px);font-size:clamp(.68rem,.8vw,.84rem);font-weight:500}
.mm-opening p:last-child{max-width:78ch;margin-top:8px;color:var(--mm-secondary);font-size:clamp(.67rem,.78vw,.82rem);line-height:1.52}.mm-opening__visual{align-self:start}.mm-opening__visual img{display:block;width:100%;height:auto}
.mm-section{padding-block:clamp(22px,3.1vw,44px);border:0}.mm-section--chapter,.mm-application{margin-top:clamp(18px,2vw,30px);border-top:1px solid #505050}
.mm-section>h2,.mm-split h2,.mm-record h2,.mm-application h2{margin-top:4px;font:600 clamp(.92rem,1.4vw,1.45rem)/1.08 var(--font-mono);letter-spacing:.005em}
.mm-section>p:not(.mm-index):not(.mm-question):not(.mm-process),.mm-split p,.mm-record p,.mm-application p{max-width:92ch;margin-top:7px;color:var(--mm-secondary);font-size:clamp(.67rem,.78vw,.82rem);line-height:1.52}
.manmatic-page .manmatic-body-copy,.manmatic-page .mm-question{text-align:justify;text-align-last:left;text-justify:inter-word;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;white-space:normal;text-wrap:pretty}.manmatic-page .manmatic-body-copy strong{color:var(--mm-text);font-weight:600}.manmatic-page .manmatic-body-copy strong.mm-accent,.manmatic-page .mm-accent{color:var(--mm-accent)}
.manmatic-page h1,.manmatic-page h2,.manmatic-page h3{text-wrap:balance}
.mm-question{max-width:104ch;margin-top:13px;color:var(--mm-text);font-size:clamp(.66rem,.77vw,.8rem);font-weight:500;line-height:1.5}.mm-process{margin-top:8px;color:var(--mm-text);font-size:clamp(.64rem,.75vw,.78rem);font-weight:600;letter-spacing:.03em}
.mm-diagram{margin:0;background:transparent}.mm-diagram img{display:block;width:100%;height:auto;background:transparent}.mm-diagram figcaption{margin-top:4px;line-height:1.35}.mm-diagram--wide{margin-top:12px}.mm-diagram--compact{width:min(86%,960px);margin:14px auto}.mm-icon{width:min(100%,210px);justify-self:center}
.mm-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(22px,4vw,56px);align-items:center}.mm-split--media-first{grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);margin-top:13px}
.mm-record{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);gap:clamp(24px,4vw,58px);align-items:start}.mm-record .mm-diagram{max-width:370px}.mm-record--reverse{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.mm-record--reverse .mm-diagram{max-width:none}
.mm-record h3,.mm-application h3{margin-top:4px;font-size:clamp(.76rem,1vw,1rem)}
.mm-application{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,52px);align-items:start}.mm-application dl{margin-top:12px}.mm-application dl div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:5px 0;border-top:1px solid #505050}.mm-application dd{color:var(--mm-secondary);font-size:.64rem}
.mm-action{display:inline-block;min-height:38px;margin-top:13px;padding:9px 12px;border:1px solid var(--mm-text);font-size:.62rem;transition:color var(--motion-standard) var(--motion-easing),background var(--motion-standard) var(--motion-easing),transform var(--motion-standard) var(--motion-easing)}.mm-action:focus-visible{outline:2px solid var(--mm-accent);outline-offset:3px}
#the-manmatic-field{scroll-margin-top:calc(var(--header-height,60px) + 14px)}
@media(hover:hover) and (pointer:fine){.mm-action:hover{background:var(--mm-text);color:var(--surface-dark);transform:translateX(2px)}}
@media(max-width:1100px),(hover:none) and (pointer:coarse){.manmatic-page .ambient-signal,.manmatic-page.manmatic-board-page .material-texture{display:none!important;animation:none;transform:none;will-change:auto;mix-blend-mode:normal}}
@media(min-width:701px) and (max-width:1024px){
  .mm-width{width:calc(100% - 48px);max-width:none;margin-inline:auto}
  .mm-opening{grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);gap:clamp(26px,4vw,40px)}
  .mm-opening__visual{width:100%;max-width:360px;justify-self:end}
  .mm-split{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);gap:clamp(26px,4vw,40px)}
  .mm-split--media-first{grid-template-columns:minmax(300px,1.05fr) minmax(0,.95fr)}
  .mm-record{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,42px);align-items:center}
  .mm-record .mm-diagram{width:100%;max-width:none;justify-self:center}
  .mm-record--portrait{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}
  .mm-record--portrait .mm-diagram{max-width:290px}
  .mm-record--landscape{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}
  .mm-record--reverse{grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr)}
  .mm-record--reverse>div{order:1}
  .mm-record--reverse figure{order:2}
  .mm-application{grid-template-columns:1fr}
  .mm-application figure{order:1;width:100%}
  .mm-application>div{order:2}
  .mm-diagram--wide{width:100%}
  .mm-diagram--wide a{display:block;width:100%;overflow:visible}
  .mm-diagram--wide img{width:100%;min-width:0}
  .mm-diagram--compact{width:100%;max-width:none}
  .mm-icon{width:min(100%,190px)}
}
@media(max-width:700px){.mm-board{padding-top:76px}.mm-width{width:calc(100% - 30px)}.mm-opening,.mm-split,.mm-split--media-first,.mm-record,.mm-record--reverse,.mm-application{grid-template-columns:1fr}.mm-opening{gap:18px}.mm-opening h1{font-size:clamp(1.65rem,8vw,2.4rem);letter-spacing:.17em}.mm-opening__visual{width:min(100%,460px)}.mm-opening p:last-child,.mm-section>p:not(.mm-index):not(.mm-question):not(.mm-process),.mm-split p,.mm-record p,.mm-application p{font-size:.75rem}.mm-section{padding-block:22px}.mm-diagram--wide img{min-width:0}.mm-split figure,.mm-record figure,.mm-application figure{order:1}.mm-split>div,.mm-record>div,.mm-application>div{order:2}.mm-record--reverse>div{order:1}.mm-record--reverse figure{order:2}.mm-record .mm-diagram{max-width:100%}.mm-icon{width:min(55%,200px)}}
@media(prefers-reduced-motion:reduce){.mm-action{transition:none}}