/* nsdt rebrand (2026-10-13): #190101 from the Instagram avatar, outlined Bodoni logo files.
   Headlines: Archivo Expanded 900, second line outlined (option E). Bodoni lives in the logo only. Loaded last on every page. */
:root{--wine:#190101;--wine-dark:#2b0606;--display:'Archivo','Arial Black',sans-serif}

.hero h1,.marketing-hero h1,.page-hero h1,.contact h2,.working-intro h2,.case-result strong,
.services-page .service-category,.services-page .page-section .process li:before{
  font-family:var(--display)!important;font-weight:900!important;font-stretch:125%;letter-spacing:-.03em;line-height:.95}
.marketing-hero h1{font-size:clamp(40px,4.7vw,80px)!important}
.page-hero h1{font-size:clamp(38px,5vw,84px)!important}
.contact h2{font-size:clamp(42px,6vw,100px)!important}
/* Section headings: same family, normal width, caps, outlined last line */
h2.dx{font-family:var(--display)!important;font-weight:900!important;font-stretch:100%;text-transform:uppercase;letter-spacing:-.025em!important;line-height:.95!important;font-size:clamp(34px,4.2vw,64px)!important;max-width:none}
h2.dx .ol{-webkit-text-stroke:1.5px #161616}
.about h2.dx,.about-opening h2.dx{font-size:clamp(30px,3.2vw,50px)!important;overflow-wrap:break-word}
.ol{color:transparent;-webkit-text-stroke:2px currentColor}
h1 .ol,h2 .ol{-webkit-text-stroke-color:inherit}
.marketing-hero h1 .ol,.contact h2 .ol,.page-hero h1 .ol,.hero h1 .ol,.working-intro h2 .ol{-webkit-text-stroke:2px #F5F5F3}

/* Logo */
.wordmark{display:inline-flex;align-items:center;line-height:0}
.wordmark img{display:block;height:40px;width:auto}
.footer .wordmark img{height:32px}
.brand-signoff img{display:block;width:100%;height:auto;max-width:1300px}
.brand-signoff{padding-bottom:clamp(8px,1.5vw,24px)}
.nostedt-loader-inner{width:min(64vw,620px)!important}
.nostedt-loader-word img{display:block;width:100%;height:auto}

@media(max-width:600px){
  .wordmark img{height:34px}
  .footer .wordmark img{height:28px}
  .marketing-hero h1,.hero h1{font-size:9.4vw!important}
  .page-hero h1{font-size:9.6vw!important}
  .contact h2{font-size:10.6vw!important}
  .ol,.marketing-hero h1 .ol,.contact h2 .ol,.page-hero h1 .ol,.hero h1 .ol{-webkit-text-stroke-width:1.5px}
}