/* Minimal reset and the brand's shared type classes.
   Everything visual here is expressed with tokens above. */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--mo-surface);
  color:var(--mo-fg-1);
  font-family:var(--mo-sans);
  font-size:var(--mo-fs-body);
  line-height:var(--mo-lh-body);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:var(--mo-transition)}
a:hover{color:var(--mo-amber)}

.mo-label{font-family:var(--mo-mono);font-size:var(--mo-fs-label);font-weight:var(--mo-w-med);
  letter-spacing:var(--mo-tr-label);text-transform:uppercase;color:var(--mo-fg-3);line-height:1.6}
.mo-label--white{color:var(--mo-fg-1)}
.mo-label--amber{color:var(--mo-amber)}

.mo-hero{font-family:var(--mo-serif);font-weight:var(--mo-w-hero);font-size:var(--mo-fs-hero);
  line-height:var(--mo-lh-hero);letter-spacing:var(--mo-tr-hero)}
.mo-h1{font-family:var(--mo-serif);font-weight:var(--mo-w-head);font-size:var(--mo-fs-h1);
  line-height:var(--mo-lh-h1);letter-spacing:var(--mo-tr-h1)}
.mo-h2{font-family:var(--mo-serif);font-weight:var(--mo-w-head);font-size:var(--mo-fs-h2);line-height:var(--mo-lh-h2)}
.mo-h3{font-family:var(--mo-sans);font-weight:var(--mo-w-med);font-size:var(--mo-fs-h3);
  line-height:var(--mo-lh-h3);letter-spacing:-.01em}
.mo-lede{font-size:var(--mo-fs-lede);line-height:var(--mo-lh-lede);color:var(--mo-fg-2);max-width:var(--mo-measure-lede)}
.mo-body{font-size:var(--mo-fs-body);line-height:var(--mo-lh-body);color:var(--mo-fg-2);max-width:var(--mo-measure-body)}
.mo-sm{font-size:var(--mo-fs-sm);line-height:var(--mo-lh-sm);color:var(--mo-fg-2)}
.mo-it{font-style:italic}
.mo-hair{height:1px;width:100%;background:var(--mo-line)}

.mo-wrap{max-width:var(--mo-maxw);margin:0 auto;padding:0 var(--mo-margin);position:relative;z-index:2}
.mo-sec{padding:var(--mo-sec-top) 0 var(--mo-sec-bottom)}
@media(max-width:860px){.mo-sec{padding:var(--mo-s8) 0 var(--mo-s7)}}

/* on light ground */
.mo-on-light{color:var(--mo-ink-1)}
.mo-on-light .mo-lede,.mo-on-light .mo-body,.mo-on-light .mo-sm{color:var(--mo-ink-2)}
.mo-on-light .mo-label{color:var(--mo-ink-3)}
.mo-on-light .mo-hair{background:var(--mo-ink-line)}