@font-face{font-family:Archivo;src:url('/assets/archivo-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/archivo-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/archivo-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/archivo-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/archivo-800.ttf') format('truetype');font-weight:800;font-display:swap}
html,body{overflow-x:hidden;max-width:100vw}
dco-video-hero{display:block;width:100%;height:100vh;min-height:720px;background:#0a0a0b}

/* One primary header over the video, shared with the existing site. */
.header{position:absolute;top:0;left:0;right:0;width:100%;background:linear-gradient(180deg,rgba(8,8,10,.72),rgba(8,8,10,.12));border-bottom:1px solid rgba(255,255,255,.12)}
.header .brand-text small{color:#fff}.header .desktop-nav{color:rgba(255,255,255,.86)}
.header .location{color:rgba(255,255,255,.7)}
.showroom-heading h1{font-size:clamp(28px,3vw,42px)}