/* doobdoob: warm light, glass controls and round dot display type. */
@font-face{font-family:Doto;src:url('assets/fonts/doto-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.stripe-title,.giga-hero h1.stripe-title,.page-intro .stripe-title,.live-hero h1.stripe-title{
  font-family:Doto,monospace;font-weight:800;font-variation-settings:"ROND" 100;font-style:normal;
  background:none;color:#f4f1eb;-webkit-text-fill-color:currentColor;
  letter-spacing:-.035em;line-height:1.12;text-shadow:0 2px 20px #0002;
}
.giga-hero h1.stripe-title{font-size:clamp(64px,8.5vw,122px)}
.page-intro .stripe-title{font-size:clamp(40px,5.8vw,80px)}
.live-hero h1.stripe-title{font-size:clamp(38px,5.5vw,76px)}
.hero-top>div{min-width:0}
/* Reflective rim and frosted surface remain legible over moving light. */
.button,.button.dark,.button.light,.channel-card .youtube-button,#main-nav a:last-child,
.console-link,.console-tabs button,.hero-micro button,.banner-controls button,
.menu-toggle,.lightbox-close,.circle-arrow{
  color:#fff4e9;border:1px solid #ffffff45;border-radius:999px;
  background:linear-gradient(155deg,#ffffff1f 0%,#ffffff02 42%,#ffffff09 100%),#1113180a;
  -webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);
  box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff12,0 6px 20px #0002;
  text-shadow:0 1px 3px #0006;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;
}
.button,.button.dark,.button.light,.channel-card .youtube-button,#main-nav a:last-child{
  background:linear-gradient(155deg,#ffffff29 0%,#ffffff03 42%,#fff2dc0c 100%),#ffffff05;
  border-color:#fff4e366;
}
.button:hover,.button.dark:hover,.button.light:hover,.channel-card .youtube-button:hover,#main-nav a:last-child:hover,
.console-link:hover,.console-tabs button:hover,.hero-micro button:hover,.banner-controls button:hover,
.menu-toggle:hover,.lightbox-close:hover,.business-row:hover .circle-arrow{
  color:#fff;background:linear-gradient(155deg,#ffffff38,#ffffff08 48%,#ffffff15),#ffffff0a;
  border-color:#fff4dfaa;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff14,0 10px 28px #0004;
}
.button:active,.console-link:active,#main-nav a:last-child:active{transform:translateY(1px)}
.console-tabs button{border-color:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff12;padding:9px 12px}
.console-tabs button[aria-selected=true]{background:linear-gradient(150deg,#ffe1bd30,#ffffff06),#ed824a14;border-color:#eeb78999;color:#fff5e8;box-shadow:inset 0 1px 0 #fff5}
.hero-micro button,.banner-controls button{min-height:36px;padding:8px 14px;color:#f1eae4}
.menu-toggle{padding:10px}.lightbox-close{width:44px;height:44px}
.console-link{padding:12px 19px}
.button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ffdfb5;outline-offset:5px}
@supports not (backdrop-filter:blur(1px)){.button,.button.dark,.button.light,.channel-card .youtube-button,#main-nav a:last-child,.console-link,.console-tabs button,.hero-micro button,.banner-controls button,.menu-toggle,.lightbox-close,.circle-arrow{background-color:#42372f}}
@media(max-width:900px) and (min-width:601px){.giga-hero h1.stripe-title{font-size:clamp(45px,7.1vw,64px)}.page-intro .stripe-title{font-size:5.8vw}.live-hero h1.stripe-title{font-size:5.5vw}}
@media(max-width:600px){
 .giga-hero h1.stripe-title{font-size:clamp(56px,18.5vw,98px);letter-spacing:-.035em;line-height:1.12}
 .page-intro .stripe-title{font-size:clamp(26px,8.5vw,48px);letter-spacing:-.035em;line-height:1.25}
 .live-hero h1.stripe-title{font-size:clamp(25px,7.8vw,44px);letter-spacing:-.035em;line-height:1.28}
 .console-tabs button{padding:8px 10px;font-size:10px;min-height:36px}
 .hero-micro button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.button,.console-link,.console-tabs button,#main-nav a:last-child{transition:none;transform:none}}
@media(forced-colors:active){.stripe-title{color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none}.button,button,.console-link,#main-nav a:last-child{border:1px solid ButtonText;box-shadow:none;text-shadow:none}}
@media(max-width:360px){.quote-layout h2{font-size:43px}.quote-layout>div{min-width:0}}

/* Show the complete landscape channel artwork at its native ratio. */
.business-row img.channel-thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;filter:none}