/* The logo stays visible; the bar is gated by content position AND upward scrolling. */
.site-header:not(.bar-visible),.site-header:not(.bar-visible):focus-within{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.site-header.bar-visible{background:#faf4e5dc;backdrop-filter:blur(12px)}
#brand-intro [data-intro-status]:empty{display:none}
#brand-intro:focus{outline:none}
@media(max-width:700px){
 #brand-intro [data-intro-play]{order:1}#brand-intro [data-intro-skip]{order:2}#brand-intro [data-intro-sound]{order:3}
 #brand-intro .intro-controls{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));gap:8px;align-items:center;flex-wrap:nowrap}
 #brand-intro .intro-controls button{min-height:34px;padding:7px 11px;font-size:12px;line-height:18px;border-radius:5px;background:#faf4e5b8;box-shadow:none;border:1px solid #07382d24}
 #brand-intro .intro-controls .cinematic-sound{width:32px;min-width:32px;height:32px;min-height:32px;padding:7px;border-radius:50%;background:#faf4e580;opacity:.7}
 #brand-intro .intro-controls .cinematic-sound svg{width:17px;height:17px}
 #brand-intro .intro-controls button:hover,#brand-intro .intro-controls button:focus-visible{opacity:1;background:#faf4e5ed}
}