html{color-scheme:light}.theme-toggle{width:42px;height:42px;flex:0 0 42px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:10px;margin-left:10px}.theme-toggle[hidden]{display:none}.theme-toggle svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{background:rgba(128,150,146,.18)}}
html[data-theme=dark]{color-scheme:dark;--ink:#f1ebdf;--green:#16373c;--blue:#b3c9d0;--accent:#b0c4d0;--border:rgba(241,235,223,.22)}
[data-theme=dark] body{background:#102a2e;color:#f1ebdf}
[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}
[data-theme=dark] .about,[data-theme=dark] .showcase,[data-theme=dark] .brands{background:#102a2e;color:#f1ebdf}
[data-theme=dark] .mix,[data-theme=dark] .youtube,[data-theme=dark] .contact{background:#1d3d42;color:#f1ebdf}
[data-theme=dark] .tv{background:#143237;color:#f1ebdf}
[data-theme=dark] .footer{background:#0a2024;color:#f1ebdf}
[data-theme=dark] .ticker{background:#2a4c52;color:#f5eee2}
[data-theme=dark] .ticker .star{color:#bfd3d5}
[data-theme=dark] .hero-ticket{background:#536b82;color:#f5eee2}
[data-theme=dark] .hero-photo,[data-theme=dark] .photo-img,[data-theme=dark] .screen-photo-wrap,[data-theme=dark] .youtube-player{border-color:#bfd0cc}
[data-theme=dark] .about-bubble{background:#2b4c51;color:#f1ebdf;box-shadow:-18px 18px 0 #0a2024}
[data-theme=dark] .about-bubble:after{border-top-color:#2b4c51}
[data-theme=dark] .about-note-right{color:#b3c9c5}
[data-theme=dark] .mix .photo-label b{border-color:#bfd0cc}
[data-theme=dark] .brands-grid{border-left-color:#bfd0cc55;border-top-color:#bfd0cc55}
[data-theme=dark] .brands-grid span{border-right-color:#bfd0cc55;border-bottom-color:#bfd0cc55}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .brands-grid span:hover{background:#2b4c51;color:#f5eee2}}
[data-theme=dark] .nav.scrolled{background:#102a2e;color:#f1ebdf;border-color:#bfd0cc44}
[data-theme=dark] .nav-cta,[data-theme=dark] .nav.scrolled .nav-cta{background:#f1ebdf;border-color:#f1ebdf;color:#18393e}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .nav-cta:hover,[data-theme=dark] .nav.scrolled .nav-cta:hover{background:#bfd0cc;border-color:#bfd0cc;color:#18393e}}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .round-link:hover{background:#bfd0cc;border-color:#bfd0cc;color:#18393e}}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .reel-out:hover{background:#bfd0cc;color:#18393e}}
[data-theme=dark] .contact .mail,[data-theme=dark] .contact-bottom .social a{color:#f1ebdf;border-color:#bfd0cc99}
[data-theme=dark] .contact-bottom{border-color:#bfd0cc55}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .contact .mail:hover,[data-theme=dark] .contact-bottom .social a:hover{background:#f1ebdf;border-color:#f1ebdf;color:#18393e}}
[data-theme=dark] .contact:before{border-color:#bfd0cc77;box-shadow:0 0 0 45px #bfd0cc0d}@media (hover:hover) and (pointer:fine){
[data-theme=dark] .footer>a:last-child:hover{background:#f1ebdf;color:#18393e}}
[data-theme=dark] ::selection{background:#bfd0cc;color:#102a2e}
[data-theme=dark] #progress{background:#bfd0cc}
@media(max-width:690px){.theme-toggle{width:38px;height:38px;flex-basis:38px;padding:8px;margin-left:auto;margin-right:12px}.mobile-menu{margin-left:0}[data-theme=dark] .nav-center,[data-theme=dark] .nav.menu-open .nav-center{background:#102a2e;color:#f1ebdf;border-color:#bfd0cc44}[data-theme=dark] .nav.menu-open{background:#102a2e;color:#f1ebdf}[data-theme=dark] .about-bubble{box-shadow:-10px 12px 0 #0a2024}}
/* A distinct slate-blue accent gives the dark palette a third visible tone. */
[data-theme=dark] .about-bubble{background:#536b82;color:#f5eee2;box-shadow:-18px 18px 0 #0a2024}
[data-theme=dark] .about-bubble:after{border-top-color:#536b82}
[data-theme=dark] .about .big-title em,[data-theme=dark] .tv .big-title i,[data-theme=dark] .brands .blue-dot{color:#a9bfdc}
[data-theme=dark] .contact .huge em{color:#a9bfdc!important}
[data-theme=dark] .ticker .star,[data-theme=dark] .nav.scrolled .brand b{color:#a9bfdc}
[data-theme=dark] #progress{background:#a9bfdc}
[data-theme=dark] .screen-chip{background:#536b82;color:#f5eee2}
@media(max-width:690px){[data-theme=dark] .about-bubble{box-shadow:-10px 12px 0 #0a2024}}
/* Distinct section backgrounds replace the alternating two-tone rhythm. */
[data-theme=dark] .about{background:#173338}
[data-theme=dark] .mix{background:#303f54}
[data-theme=dark] .showcase{background:#172b31}
[data-theme=dark] .youtube{background:#304743}
[data-theme=dark] .tv{background:#213b46}
[data-theme=dark] .brands{background:#293a3d}
[data-theme=dark] .contact{background:#34465d}
[data-theme=dark] .footer{background:#0a2024}

/* Let the shows share the TV section background in dark mode. */
[data-theme=dark] .tv-grid{background:transparent}