:root{--bg:#090b0e;--panel:#11151a;--accent:#f20b66;--ink:#f6f6f7;--muted:#a5a8b1;--line:#ffffff12;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.inline-action,.hero-action,.pill-button{font-family:'Archivo Black',Arial,sans-serif}h1,h2{letter-spacing:-.035em;line-height:1.06}.site-header{height:100px;display:flex;align-items:center;gap:50px;padding:0 5%;position:absolute;top:0;left:0;width:100%;z-index:10}.brand img{width:170px;display:block}.site-header nav{display:flex;align-items:center;gap:30px;flex:1}.site-header nav a{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.025em}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent)}.site-header nav .staff-link{margin-left:auto;background:#ffffff15;border:1px solid #ffffff10;border-radius:24px;padding:11px 24px;min-width:150px;display:flex;justify-content:space-between;gap:20px}.menu-toggle{display:none}.cinema-hero{min-height:760px;position:relative;display:flex;align-items:center;background:url('/img/canon-city.png') center 55%/cover;isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#16060fde 0%,#120910b0 38%,#080b1120 80%),linear-gradient(0deg,#090b0e,transparent 40%,#080a0d66);z-index:-1}.hero-content{padding:140px 5% 140px;width:100%;max-width:1500px;margin:auto}.kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.065em;margin-bottom:18px}.hero-content h1{font-size:clamp(46px,6.7vw,100px);max-width:1100px}.outline{color:transparent;-webkit-text-stroke:1px #f6f6f7}.hero-description{color:#c6c5cc;font-size:15px;line-height:1.9;margin-top:24px}.hero-action{display:inline-flex;align-items:center;gap:24px;font-size:15px;margin-top:32px}.round-arrow{width:62px;height:62px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font:34px Inter,sans-serif;transition:background .2s,transform .2s}.hero-action:hover .round-arrow{background:var(--accent);color:white;transform:rotate(45deg)}.hero-foot{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;color:#b6b4bf;font-size:9px;letter-spacing:.14em}.feature-section,.principles{max-width:1400px;margin:auto;padding:65px 5%}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-line .kicker{margin:0}.section-line>span:last-child{font-size:9px;letter-spacing:.12em;color:#737983}.feature-banner{border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 90% 50%,#f20b6616,transparent 55%),linear-gradient(130deg,#191b23,#101318);padding:45px 48px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;overflow:hidden;transition:border-color .2s}.feature-banner:hover{border-color:#f20b6655}.feature-banner h2{font-size:clamp(25px,3.3vw,46px)}.feature-banner p:not(.kicker){color:var(--muted);line-height:1.7;margin-top:22px;font-size:13px}.inline-action{display:inline-block;color:var(--accent);font-size:12px;margin-top:26px}.broadcast-art{position:relative;display:grid;place-items:center;min-height:280px}.broadcast-art img{width:220px;mask-image:radial-gradient(ellipse,black 40%,transparent 72%)}.broadcast-ring{position:absolute;width:260px;height:260px;border:1px solid #f20b6630;border-radius:50%;box-shadow:0 0 0 28px #f20b6606,0 0 0 60px #f20b6603}.broadcast-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.25em;color:#c1a8b1}.play-section{text-align:center;padding:110px 24px;background:radial-gradient(ellipse at 50% 50%,#25203366,transparent 65%)}.play-section h2{font-size:clamp(28px,4vw,50px);margin-bottom:24px}.play-section p:not(.kicker){max-width:680px;margin:18px auto;color:var(--muted);font-size:14px;line-height:1.9}.pill-button{display:inline-flex;padding:15px 26px;border-radius:30px;background:var(--accent);color:white;font-size:12px;gap:18px;margin-top:22px}.pill-button:hover{background:#d80959}.principles{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;padding-top:60px;padding-bottom:110px}.principles h2{font-size:clamp(45px,5vw,74px)}.principles-heading>p:last-child{color:var(--muted);line-height:1.9;font-size:13px;margin-top:25px}.principles-list article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.principles-list article>span{color:var(--accent);font-size:11px;padding-top:4px}.principles h3{font-size:17px;margin-bottom:12px}.principles-list p{color:var(--muted);font-size:13px;line-height:1.8}.join-band{padding:48px 8%;background:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:30px}.join-band p{font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:10px}.join-band h2{font-size:clamp(27px,4.5vw,60px)}.join-band .round-arrow{color:white;border-color:#ffffff88;flex-shrink:0}.site-footer{max-width:1400px;margin:auto;padding:50px 5% 28px;display:flex;gap:35px;align-items:center;flex-wrap:wrap}.site-footer .brand img{width:135px}.site-footer nav{margin-left:auto;display:flex;gap:25px;font-size:11px}.site-footer>p{width:100%;font-size:9px;color:#888d98}.inner-page .site-header{position:relative;border-bottom:1px solid var(--line);background:#0c0e13}.streamers-main{max-width:1400px;margin:auto;padding:65px 5% 100px;min-height:65vh}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.page-heading h1{font-size:clamp(36px,5vw,64px)}.page-heading p:not(.kicker){color:var(--muted);font-size:13px;margin-top:18px;line-height:1.7}.stream-toolbar{display:flex;gap:10px;align-items:center;padding:20px 0;border-block:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}.filter-button,.directory-toggle{background:transparent;border:1px solid #ffffff20;border-radius:22px;padding:10px 20px;color:var(--muted);font-size:12px}.filter-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.stream-search{margin-left:auto;border:1px solid #ffffff20;background:#11151a;color:white;border-radius:5px;padding:12px 16px;width:240px;max-width:100%}.stream-status{color:var(--muted);font-size:12px;margin:18px 0;line-height:1.7}.stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stream-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.stream-thumb{display:block;position:relative;aspect-ratio:16/9;background:#21121d;width:100%;padding:0;border:0;cursor:pointer}.stream-thumb img{width:100%;height:100%;object-fit:cover}.live-badge{position:absolute;top:12px;left:12px;padding:5px 9px;background:var(--accent);color:white;font-size:10px;font-weight:800}.stream-card-body{padding:20px}.stream-card h2{font-family:Inter,sans-serif;font-size:16px}.stream-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:10px 0}.stream-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#bbbac6;text-transform:uppercase}.stream-empty{grid-column:1/-1;padding:65px 25px;text-align:center;border:1px dashed #ffffff20;border-radius:7px;background:#101217}.stream-empty h2{font-size:23px;margin-bottom:15px}.stream-empty p{font-size:13px;color:var(--muted);line-height:1.8}.directory{margin-top:50px;padding-top:35px;border-top:1px solid var(--line)}.directory h2{font-size:23px;margin-bottom:12px}.directory-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.channel-link{display:flex;justify-content:space-between;gap:12px;background:#11151a;border:1px solid var(--line);border-radius:5px;padding:18px;font-size:12px;overflow-wrap:anywhere}.channel-link small{color:var(--accent);font-size:9px;text-transform:uppercase}.player-dialog{width:min(1000px,94vw);padding:20px;background:#11151a;border:1px solid #ffffff20;border-radius:10px;color:white}.player-dialog::backdrop{background:#000c}.player-dialog iframe{width:100%;aspect-ratio:16/9;border:0;margin-top:20px}.player-dialog button{float:right;background:none;border:0;color:white;padding:8px}.player-dialog h2{font-size:18px;padding:8px 0}
@media(max-width:850px){.site-header{height:82px;gap:20px}.brand img{width:140px}.site-header nav{gap:17px}.site-header nav .staff-link{padding:10px 16px;min-width:0}.hero-content{padding-top:150px}.cinema-hero{min-height:650px}.feature-banner{padding:30px;gap:10px}.broadcast-art{min-height:220px}.broadcast-art img{width:170px}.broadcast-ring{width:190px;height:190px}.principles{gap:35px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-header{padding:0 22px}.menu-toggle{display:flex;gap:18px;margin-left:auto;background:none;border:0;color:white;font-size:10px;align-items:center}.menu-toggle span{font-size:24px}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#101218;padding:26px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #ffffff20}.site-header nav.open{display:flex}.site-header nav a{padding:15px}.site-header nav .staff-link{margin:12px 0 0}.hero-content{padding:150px 24px 120px}.hero-content h1{font-size:clamp(33px,8.4vw,52px)}.cinema-hero{min-height:660px;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#120810dd,#090b0e55),linear-gradient(0deg,#090b0e,transparent 70%)}.hero-description{font-size:13px}.hero-action{font-size:12px;gap:18px}.round-arrow{width:52px;height:52px}.hero-foot{font-size:8px;left:24px;right:24px}.hero-foot span:nth-child(2){display:none}.feature-section{padding:38px 20px}.section-line>span:last-child{display:none}.feature-banner{padding:28px;grid-template-columns:1fr}.feature-banner h2{font-size:26px}.broadcast-art{display:none}.play-section{padding:70px 24px}.play-section h2{font-size:29px}.principles{grid-template-columns:1fr;padding:30px 24px 65px;gap:25px}.principles h2{font-size:50px}.join-band{padding:36px 24px}.join-band h2{font-size:28px}.site-footer{padding:35px 24px;gap:25px}.site-footer nav{margin:0;flex-wrap:wrap;gap:20px}.streamers-main{padding:38px 20px 60px}.page-heading{display:block}.stream-search{width:100%;margin:8px 0 0}.stream-grid{grid-template-columns:1fr}.directory-list{grid-template-columns:1fr}.stream-toolbar{gap:8px}.filter-button{padding:9px 16px}.player-dialog{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}