/* Source-derived visual layer; commerce and menu interactions remain in the existing provider. */
.htw-site-header { position:relative; color:#282828; font-family:Arial,sans-serif; }
.htw-site-header .htw-site-header__announcement { position:relative; overflow:hidden; padding:0; min-height:40px; display:flex; align-items:center; background:#f8f6f2; color:#282828; font-family:Impact,'Arial Narrow',sans-serif; font-size:16px; font-weight:700; line-height:1; }
.hsc-marquee__viewport { width:100%; overflow:hidden; }
.hsc-marquee__track { display:flex; width:max-content; animation:hsc-announcement-move 36s linear infinite; }
.hsc-marquee__group { display:flex; flex:none; align-items:center; }
.hsc-marquee__group > span { white-space:nowrap; padding:0 42px; }
.htw-site-header .hsc-marquee__pause { position:absolute; right:4px; top:50%; transform:translateY(-50%); z-index:1; width:32px; height:32px; min-height:0; margin:0; padding:0; border:0; background:#f8f6f2; color:#282828; font:14px/1 Arial,sans-serif; }
.htw-site-header .hsc-marquee__pause:focus-visible { outline:2px solid #282828; outline-offset:-3px; }
.htw-site-header__announcement:hover .hsc-marquee__track,.htw-site-header__announcement:focus-within .hsc-marquee__track,.htw-site-header__announcement.is-paused .hsc-marquee__track { animation-play-state:paused; }
@keyframes hsc-announcement-move { to { transform:translateX(-50%); } }
.htw-site-header .htw-site-header__main { grid-template-columns:100px minmax(0,1fr) auto; min-height:56px; padding:0 55px; gap:22px; background:#fff; }
.htw-site-header .htw-site-header__logo { width:89px; }
.htw-site-header .htw-site-header__primary-list { justify-content:flex-start; gap:26px; }
.htw-site-header .htw-site-header__primary-list > li > a { font-size:11px; line-height:1.1; letter-spacing:.08em; font-weight:700; text-transform:uppercase; }
.htw-site-header .htw-site-header__actions { gap:16px; }
.htw-site-header .htw-site-header__menu .sub-menu { background:#f8f6f2; }
@media (max-width:1100px) {
 .htw-site-header .htw-site-header__main { grid-template-columns:44px minmax(0,1fr) auto; min-height:56px; padding:0 16px; gap:8px; }
 .htw-site-header .htw-site-header__logo { width:95px; }
 .htw-site-header.is-ready .htw-site-header__mobile-nav { width:100%; max-width:none; background:#f8f6f2; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-viewport { padding:24px 20px; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-viewport > .htw-site-header__mobile-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; align-content:start; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-viewport > .htw-site-header__mobile-list > li { align-items:start; }
 .htw-site-header__mobile-nav .htw-site-header__menu li > a { font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
}
@media (prefers-reduced-motion:reduce) { .hsc-marquee__track { animation:none; } }
/* Match the observed mobile drawer chrome while retaining the target's native dialog and menu. */
@media (max-width:1100px) {
 .htw-site-header.is-ready .htw-site-header__mobile-nav { top:40px; max-height:calc(100vh - 40px); box-shadow:none; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-bar { min-height:56px; height:56px; padding:0 16px; background:#fff; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-close { order:-1; margin-left:0!important; font-size:30px!important; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-title { height:32px; color:transparent; background:url('hollow-logo.svg') center/95px auto no-repeat; }
 .htw-site-header__mobile-nav .htw-site-header__drawer-bar:after { content:''; flex:none; width:44px; height:44px; }
}
@media (max-width:1100px) {
 .htw-site-header.is-ready .htw-site-header__drawer-backdrop { top:40px; }
}
