/* Website edition: Onsieve logo */
.chrome-top .brand { display: inline-flex; align-items: center; pointer-events: auto; opacity: 0.95; transition: opacity 0.3s; }
.chrome-top .brand:hover { opacity: 1; }
.chrome-top .brand img { height: 2.1rem; width: auto; display: block; }
.chrome-top { top: 0.55rem; }
.chrome-top .right { display: inline-flex; align-items: center; gap: 1.6rem; }
.brand-hero { display: inline-block; margin-bottom: 1.6rem; }
.brand-hero img { height: 5.6rem; width: auto; display: block; }
.backlink { margin-top: 1.6rem; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; }
.backlink a { color: var(--primary); text-decoration: none; }
.backlink a:hover { text-decoration: underline; }
html.flow .brand-hero img { height: 3.6rem; }

.stage:has(.slide[data-part="Intro"].active) .chrome-top .brand { visibility: hidden; }