/* Supplied Frightwheel artwork. Keep the original wordmark pixels and use the
   prepared transparent emblem and owl atlas at small interface sizes. */
.brand{appearance:none;border:0;background:transparent;padding:0;gap:6px;min-width:0;min-height:48px;flex:none;cursor:pointer;color:var(--ink);border-radius:8px}
.brand .brand-sigil{display:block;width:48px;height:48px;object-fit:contain;border:0;border-radius:0;box-shadow:none;flex:none}
.brand .brand-wordmark{display:block;position:relative;width:clamp(140px,13vw,188px);aspect-ratio:1420/435;overflow:hidden;mix-blend-mode:screen}
.brand-wordmark img{position:absolute;max-width:none;width:108.169%;height:auto;left:-4.225%;top:-235.402%;pointer-events:none}
.brand:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
.top-actions{flex:none}
.hub-inner{width:100%;height:100%;display:grid;place-items:center}
.hub .hub-brand{display:block;width:88%;height:auto;max-height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none}
.guide-owl{display:inline-block;width:72px;height:72px;flex:none;background-image:url('/assets/brand/guide-owl-atlas.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0;vertical-align:middle;pointer-events:none}
.guide-owl[data-owl="guide"]{background-position:100% 0}
.guide-owl[data-owl="thinking"]{background-position:0 100%}
.guide-owl[data-owl="excited"]{background-position:100% 100%}
.guide-owl--button{width:32px;height:32px}
[data-tour-open]{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.tour-offer .tour-owl{width:68px;height:68px}
.tour-heading{align-items:center;gap:12px}
.tour-heading>div{min-width:0}
.tour-heading .iconbtn{align-self:flex-start}
body.tv-wide .brand .brand-sigil{width:48px;height:48px}
@media(max-width:1100px){body.tv-wide .brand .brand-wordmark{display:none}}
@media(max-width:720px){
  .brand .brand-sigil{width:42px;height:42px}
  .brand .brand-wordmark{width:140px}
  .tour-heading{gap:10px}
  .tour-offer .tour-owl{width:60px;height:60px}
}
@media(max-width:360px){.brand{gap:4px}.brand .brand-wordmark{width:124px}}