/* All former purple surfaces follow the site's primary brand color. */
.vt-site{
    --vt-brand-dark:color-mix(in srgb,var(--vt-primary) 50%,#111);
    --vt-brand-deep:color-mix(in srgb,var(--vt-primary) 20%,#111);
    --vt-brand-soft:color-mix(in srgb,var(--vt-primary) 7%,#fff);
    --vt-brand-border:color-mix(in srgb,var(--vt-primary) 15%,#fff);
    color:#292d33;
}
.vt-site .vt-nav{padding:5px 16px;border-radius:10px;box-shadow:0 12px 24px color-mix(in srgb,var(--vt-primary) 8%,transparent)}
.vt-site .vt-nav-item{display:flex;align-items:center;max-width:100%;min-width:0}
.vt-site .vt-nav a{border-radius:4px;overflow-wrap:anywhere;min-width:0}
.vt-site .vt-nav-separator{color:var(--vt-primary);opacity:.5;font-size:14px;line-height:1;padding:0 5px;flex-shrink:0;user-select:none}
@media(max-width:650px){
    .vt-site .vt-nav{padding:8px;border-radius:10px}
    .vt-site .vt-nav-item{width:100%}
    .vt-site .vt-nav-item>a{display:block;width:100%}
    .vt-site .vt-nav-separator{display:none}
}
.vt-site .vt-nav a:hover,.vt-site .vt-nav a[aria-current=page]{background:var(--vt-brand-soft);color:var(--vt-primary)}
.vt-site .vt-button{background:var(--vt-accent);color:var(--studio-button-ink,#17243b)!important}
.vt-site .vt-button:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--vt-primary) 15%,transparent)}
.vt-site .vt-products,.vt-site .vt-product-gallery,.vt-site .vt-catalog-image,.vt-site .vt-detail-tags span{background:var(--vt-brand-soft)}
.vt-site .vt-product-tabs button,.vt-site .vt-catalog-filters a{border-color:var(--vt-brand-border);color:var(--vt-brand-dark)}
.vt-site .vt-product-tabs button[aria-selected=true],.vt-site .vt-catalog-filters a[aria-current=page]{background:var(--vt-primary);border-color:var(--vt-primary);color:#fff}
.vt-site .vt-product-photo{color:var(--vt-brand-dark)}
.vt-site .vt-client-logo,.vt-site .vt-catalog-card{border-color:var(--vt-brand-border)}
.vt-site .vt-footer{background:var(--vt-brand-deep);color:#f1f1f1}
.vt-site .vt-footer p,.vt-site .vt-copyright{color:#c8c8c8}
.vt-site .vt-viewer{background:var(--vt-brand-deep)}
.vt-site .vt-viewer::backdrop{background:color-mix(in srgb,var(--vt-brand-deep) 85%,transparent)}

/* Compact header and page spacing, without cropping the logo or banner artwork. */
.vt-site .vt-header{padding:16px 0 20px}
.vt-site .vt-top{min-height:72px;padding:0;margin-bottom:14px}
.vt-site .vt-brand{min-height:64px}
.vt-site .vt-brand img{max-height:84px}
.vt-site main>.vt-section{padding-top:48px;padding-bottom:48px}
.vt-site main>.vt-detail{padding-top:32px}
.vt-site .vt-detail>.vt-text-link{margin:0 0 20px}
.vt-site .vt-section-heading{margin-bottom:28px}
.vt-site .vt-detail>.vt-section-heading h1{margin:8px 0 14px}
@media(max-width:650px){
    .vt-site .vt-header{padding:14px 0 16px}
    .vt-site .vt-top{min-height:0;padding:0;margin-bottom:0;gap:14px}
    .vt-site .vt-brand{min-height:54px}
    .vt-site .vt-brand img{max-height:70px}
    .vt-site .vt-nav{margin-top:16px}
    .vt-site main>.vt-section{padding-top:32px;padding-bottom:32px}
    .vt-site main>.vt-detail{padding-top:24px}
    .vt-site .vt-detail>.vt-text-link{margin-bottom:16px}
    .vt-site .vt-section-heading{margin-bottom:24px}
}