/* Original transparent artwork, shown in white without altering its source file. */
.site-head .brand-logo-white{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:12px 22px;text-decoration:none;min-width:0}
.brand-logo-white .brand-symbol,.brand-logo-white .brand-wordmark{display:block;flex:none;background-image:url('assets/brand/thornbirds-original.png');background-repeat:no-repeat;filter:brightness(0) invert(1)}
.brand-logo-white .brand-symbol{width:44px;height:43px;background-size:133.333px 100px;background-position:-44.533px -18.867px}
.brand-logo-white .brand-wordmark{width:130px;height:25px;background-size:300.231px 225.173px;background-position:-85.116px -146.213px}
.site-head:has(.brand-logo-white){min-height:76px}
.site-head:has(.brand-logo-white) nav{min-width:0;overflow-x:auto}
.site-head:has(.brand-logo-white) nav a{flex:0 0 auto;white-space:nowrap;padding-inline:.85rem}
@media(max-width:900px){.site-head .brand-logo-white{padding-inline:16px}.brand-logo-white .brand-wordmark{display:none}.site-head:has(.brand-logo-white) nav a{padding-inline:.7rem}}
@media(max-width:620px){.site-head .brand-logo-white{padding:10px 12px}.site-head:has(.brand-logo-white){min-height:63px}.site-head:has(.brand-logo-white) nav a{font-size:.88rem}}

/* About dropdown */
.site-head .nav-dropdown{position:relative;display:flex;flex:0 0 auto;border-left:1px solid #444}
.site-head .nav-dropdown summary{display:flex;align-items:center;gap:.45rem;height:100%;padding:0 .85rem;list-style:none;white-space:nowrap;cursor:pointer;font-weight:inherit}
.site-head .nav-dropdown summary::-webkit-details-marker{display:none}
.site-head .nav-dropdown summary::after{content:"⌄";font-size:.8em;transform:translateY(-.08em)}
.site-head .nav-dropdown summary:hover,
.site-head .nav-dropdown[open] summary,
.site-head .nav-dropdown.is-active summary{color:#111;background:var(--acid)}
.site-head .nav-submenu{position:fixed;z-index:60;top:76px;right:0;display:grid;min-width:240px;color:#fff;background:#111;border:1px solid #444;border-top:0;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.site-head .nav-dropdown:not([open]) .nav-submenu{display:none}
.site-head .nav-submenu a{display:block;padding:1rem 1.2rem;border:0;border-top:1px solid #444;white-space:nowrap}
.site-head .nav-submenu a:first-child{border-top:0}
.site-head .nav-submenu a:hover,
.site-head .nav-submenu a.active{color:#111;background:var(--acid)}
@media(max-width:620px){.site-head .nav-dropdown summary{padding-inline:.7rem;font-size:.88rem}.site-head .nav-submenu{top:63px;right:0;left:0;width:100%;min-width:0}}
