.brand { display:flex; align-items:center; justify-content:center; width:140px; height:82px; padding:2px 4px; background:var(--paper); border-radius:8px; text-decoration:none; transition:transform .2s; }
.brand:hover { transform:rotate(-3deg) scale(1.04); }
.brand img { width:100%; height:100%; object-fit:contain; border-radius:0; }
.footer-brand { background:#181817; }
.topbar nav { align-items:center; }
.nav-product { color:var(--orange); }
.topbar nav a:nth-child(1),.topbar nav a:nth-child(3) { color:var(--ink); }
.topbar nav a:nth-child(2),.topbar nav a:nth-child(4) { color:var(--orange); }
.hero { display:flex; background-image:url('bg-about.png'); background-repeat:no-repeat; background-position:calc(100% - 6vw) 50%; background-size:min(34vw,440px); }
.hero-art { display:none; }
.about,.solutions,.cases,.product-callout { position:relative; isolation:isolate; overflow:hidden; }
.about::after,.solutions::after,.cases::after,.product-callout::after { content:''; position:absolute; inset:0; pointer-events:none; z-index:0; background-repeat:no-repeat; opacity:.16; }
.about > *,.solutions > *,.cases > *,.product-callout > * { position:relative; z-index:1; }
.about::after { background-image:url('bg-about.png'); background-position:94% 10%; background-size:min(34vw,440px); opacity:.2; }
.solutions::after { background-image:url('bg-solutions.png'); background-position:100% 50%; background-size:min(50vw,650px); }
.cases::after { background-image:url('bg-network.png'); background-position:100% 0; background-size:min(48vw,620px); opacity:.2; }
.product-callout::after { background-image:url('bg-network.png'); background-position:90% 50%; background-size:min(42vw,540px); opacity:.2; }
@media (max-width:800px) { .hero { min-height:560px; } }