/* mgoods wordmark proportions across desktop and mobile. */
.logo{font-family:Arial,sans-serif;font-size:38px;letter-spacing:-2.5px;font-weight:800;white-space:nowrap}
.brand-stage{height:clamp(160px,28vw,410px)}
.brand-stage h1{font-size:clamp(90px,23vw,370px);letter-spacing:-.075em;line-height:1.05;margin-left:-.025em;align-items:center}
.brand-stage .brand-name{display:block;flex:none;padding-bottom:.12em}
.hero-top{margin-top:90px}
.about-wordmark{font-size:clamp(70px,15vw,210px);letter-spacing:-.075em}
@media(max-width:700px){header{height:auto;min-height:82px;flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}header .logo{font-size:32px}header nav{gap:15px;flex-wrap:wrap}.brand-stage{height:29vw;min-height:110px}.brand-stage h1{font-size:23vw}.hero-top{margin-top:75px}.about-wordmark{font-size:clamp(65px,19vw,130px)}footer .logo{font-size:48px}}
@media(max-width:430px){header{align-items:flex-start}header nav{width:100%;justify-content:space-between;gap:8px}}

.brand-initial{margin-right:.06em}

.logo .brand-initial{color:inherit}
/* Align the rule with the wordmark baseline; let the g descend below it. */
.brand-stage{border-bottom:0}
.brand-stage h1::after{content:"";position:absolute;left:0;right:0;top:var(--wordmark-baseline,calc(50% + .33em));height:1px;background:#e3e1dd;pointer-events:none}

.brand-baseline-marker{display:inline-block;width:0;height:0;padding:0;margin:0;vertical-align:baseline}

/* Preserve the last glyph beyond its negative letter spacing. */
.brand-stage .brand-name{padding-right:.10em}

/* Balance the optical gaps around the straight-sided g and d. */
.brand-stage .brand-g{margin-right:-.015em}
.brand-stage .brand-d{margin-right:-.015em}
.brand-stage h1{font-size:clamp(90px,22.6vw,370px)}
.logo{letter-spacing:-.066em}

.hero-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px;font:400 13px Arial,sans-serif;letter-spacing:.09em}
@media(max-width:700px){.hero-kicker{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}}

.hero-kicker{align-items:baseline;line-height:1.5}.hero-kicker>span{display:block;white-space:nowrap}.hero-process{text-align:right;margin-right:-.09em}@media(max-width:700px){.hero-kicker{align-items:flex-start}.hero-process{text-align:left;margin-right:0}}

.hero-process{margin-right:calc(var(--logo-right-inset,0px) - .09em)}@media(max-width:700px){.hero-process{margin-right:0}}
/* Finer stripes preserve the small-screen wordmark silhouette. */
@media(max-width:700px){
 @supports (background-clip:text) or (-webkit-background-clip:text){
  .brand-stage h1>.brand-name{background-image:repeating-linear-gradient(135deg,#8e8e8b 0px,#8e8e8b 1px,transparent 1px,transparent 3px)}
 }
}