/* Center the brand against the viewport, independently of the tools on either side. */
body>header,.catalog-site-header{--header-logo-width:140px}
body>header .wordmark,.catalog-site-header .wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--header-logo-width);margin:0;z-index:1}
body>header>.language-picker,.catalog-site-header>.language-picker{order:10;margin-left:0;width:64px;flex:0 0 64px}
body>header>.language-picker select,.catalog-site-header>.language-picker select{width:64px;max-width:64px;min-width:0;color:transparent!important;padding-left:8px;cursor:pointer}
body>header>.language-picker .language-short,.catalog-site-header>.language-picker .language-short{position:absolute;left:8px;top:50%;width:31px;text-align:center;transform:translateY(-50%);pointer-events:none;font-family:var(--hand-ui-font);font-size:var(--hand-ui-size);font-weight:var(--hand-ui-weight);line-height:1.3;letter-spacing:0;color:inherit}
#shelf-drawer .drawer-language,#shelf-drawer .drawer-language select{font-family:var(--hand-ui-font);font-size:min(var(--hand-ui-size),19px);font-weight:var(--hand-ui-weight)}
body>header>.language-picker .language-short:lang(zh-CN),.catalog-site-header>.language-picker .language-short:lang(zh-CN){font-size:27px;line-height:1}
body>header>.language-picker .language-short:lang(th),.catalog-site-header>.language-picker .language-short:lang(th){left:5px;width:37px;font-size:21px}
:is(.language-picker,.drawer-language) option:lang(en){font-family:'Highway Hand',cursive}
:is(.language-picker,.drawer-language) option:lang(th){font-family:'Highway Thai Hand',cursive}
:is(.language-picker,.drawer-language) option:lang(zh-CN){font-family:'Highway Chinese Brush','Highway WenKai',cursive}
:is(.language-picker,.drawer-language) option:lang(zh-TW){font-family:'Highway Traditional Hand','Highway WenKai',cursive}
:is(.language-picker,.drawer-language) option:lang(ru){font-family:'Highway Cyrillic Hand',cursive}
:is(.language-picker,.drawer-language) option:lang(ja){font-family:'Highway Japanese Hand',cursive}
:is(.language-picker,.drawer-language) option:lang(ko){font-family:'Highway Korean Hand',cursive}
body>header>.language-picker option{color:#e9dfc9;background:#24221f}
.catalog-site-header .header-tools{margin-left:auto}
@media(min-width:721px){
 body>header,.catalog-site-header{display:flex;gap:16px}
 body>header .wordmark,.catalog-site-header .wordmark{position:static;left:auto;top:auto;transform:none;flex:0 0 var(--header-logo-width)}
 body>header .home-browse-link{display:none}
 body>header>.language-picker{margin-left:auto}
}
@media(min-width:721px) and (max-width:1279px){
 body>header,.catalog-site-header{gap:12px;--header-logo-width:120px}
 body>header>nav,.catalog-site-header>nav{display:none}
 body>header .home-browse-link{font-size:16px;padding:6px 9px}
 .catalog-site-header .explore-trigger{font-size:17px;padding:6px 10px;gap:6px}
 .catalog-site-header .bag-toggle>span:not(.bag-count){display:none}
}
@media(max-width:720px){
 body>header,.catalog-site-header{--header-logo-width:110px;position:sticky;grid-template-rows:40px 30px;height:84px;min-height:84px;padding:5px 4%;gap:2px 8px}
 body>header .wordmark,.catalog-site-header .wordmark{top:25px;grid-column:auto;grid-row:auto;justify-self:auto;width:var(--header-logo-width)}
 body>header{grid-template-columns:minmax(0,1fr) auto}
 body>header .menu-button{grid-column:1;grid-row:1;justify-self:start}
 body>header>.language-picker{grid-column:2;grid-row:1;justify-self:end}
 body>header .mobile-header-search{grid-column:1;grid-row:2}
 body>header .home-browse-link{grid-column:2;grid-row:2;justify-self:end}
 body>header>.language-picker select,.catalog-site-header>.language-picker select{width:64px;max-width:64px;height:32px;min-height:32px}
 .catalog-site-header{grid-template-columns:34px 34px minmax(0,1fr) 44px 64px}
 .catalog-site-header .menu-button{grid-column:1;grid-row:1;width:34px;min-width:34px;flex-basis:34px}
 .catalog-site-header .shop-theme-toggle{grid-column:2;grid-row:1}
 .catalog-site-header>.language-picker{grid-column:5;grid-row:1;justify-self:end}
 .catalog-site-header .header-tools{grid-column:5;grid-row:2;justify-self:end;margin:0}
 .catalog-site-header .bag-toggle{min-height:30px;height:30px;padding:2px 4px;gap:5px}
 .catalog-site-header .bag-toggle>span:not(.bag-count){display:none}
 .catalog-site-header .mobile-header-search{grid-column:1/5;grid-row:2}
}
/* Match the blackboard's inner corners in the 1912 × 823 illustration. */
@media(max-width:640px) and (orientation:portrait){
 .scene>.scene-navigator{position:absolute;z-index:8;left:29.968619%;top:3.402187%;width:33.682008%;height:18.712029%;padding:0;display:block;border:0;background:#101416;clip-path:polygon(0 2.597%,100% 0,99.845% 98.701%,.311% 100%)}
 .scene>.scene-navigator>p{display:none}
 .scene .scene-map{width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;border:0;border-radius:0;background:#171b1e;box-shadow:none}
 .scene .scene-map-art{position:absolute;left:0;top:55%;width:100%;aspect-ratio:1912/823;transform:translateY(-55%);pointer-events:none}
 .scene .scene-map img{width:100%;height:100%;object-fit:fill}
 .scene-map-brands .shelf-track{scroll-snap-type:none;cursor:inherit}
 .scene-map-brands .pack{display:block;pointer-events:none}
 .scene .scene-map-window{z-index:6}
 .scene .scene-map:focus-visible{outline-offset:-3px}
 .scene .scene-map-window{border-width:1.5px;border-radius:1px}
 .scene .scene-map-window::after{font-size:11px;line-height:14px;bottom:2px}
 .scene .integrated-lettering .centered-logo{visibility:hidden}
}