/* A quieter Canon identity. Header layout and staff sign-in stay intact. */
body{background:#0a0c10;color:#f3f3f5}.cinema-hero{background:none;min-height:750px;max-width:1600px;margin:auto;padding:150px 5% 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.hero-shade{display:none}.hero-content{padding:0;margin:0;max-width:none}.hero-content .kicker{font-size:10px;letter-spacing:.12em;display:flex;gap:10px;align-items:center;color:#a4a8b4;font-weight:600;margin-bottom:27px}.status-dot{width:6px;height:6px;background:#f20b66;border-radius:50%;box-shadow:0 0 12px #f20b6655}.hero-content h1{font-family:Inter,Arial,sans-serif;font-size:clamp(46px,5.3vw,80px);font-weight:600;letter-spacing:-.065em;line-height:1.06}.hero-content h1 span{color:#f74087}.hero-description{color:#a2a8b5;font-size:15px;line-height:1.9;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px;flex-wrap:wrap}.hero-actions .pill-button,.join-band .pill-button{margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;padding:16px 22px;border-radius:7px;gap:25px}.secondary-action{font-size:12px;font-weight:500;display:flex;gap:12px;align-items:center;color:#d1d3db}.secondary-action span{font-size:9px;color:#9c9fad}.hero-details{display:flex;align-items:center;gap:20px;margin-top:37px;color:#828896;font-size:10px}.hero-details span+span:before{content:'';display:inline-block;width:3px;height:3px;background:#4c5261;margin:0 20px 2px 0;border-radius:50%}.city-window{height:500px;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(0deg,#080a0deb,transparent 35%),url('/img/canon-city.png') 72% center/cover;border:1px solid #ffffff0b;box-shadow:0 25px 70px #0003}.city-caption{position:absolute;bottom:26px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.city-caption span:first-child{font-size:8px;letter-spacing:.2em;color:#c5bac8}.city-caption span:last-child{font-size:12px;color:#e6e2e8}.feature-section{padding:55px 5% 85px;max-width:1600px}.section-line{align-items:end;margin-bottom:30px;gap:30px}.section-line .kicker{font-size:9px;letter-spacing:.13em;color:#b67691;margin-bottom:14px}.section-line h2{font-family:Inter,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.2}.section-line>p{color:#8b929f;font-size:12px;line-height:1.7}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.explore-card{display:flex;flex-direction:column;align-items:start;background:#101319;border:1px solid #ffffff0b;border-radius:10px;padding:30px;transition:background .2s,border-color .2s}.explore-card:hover{background:#141820;border-color:#f20b6633}.explore-icon{display:grid;place-items:center;border:1px solid #ffffff12;border-radius:8px;width:36px;height:36px;font-size:10px;color:#dba2b8;margin-bottom:28px}.explore-card h3{font:500 20px/1.3 Inter,sans-serif;letter-spacing:-.035em}.explore-card p{font-size:13px;color:#929aaa;line-height:1.85;margin:15px 0 25px;max-width:310px}.explore-link{font-size:11px;color:#d9dce5;margin-top:auto}.play-section{max-width:1440px;margin:0 auto;padding:70px 5%;text-align:left;background:none;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff0a}.play-section .kicker{font-size:9px;color:#b67691;letter-spacing:.13em}.play-section h2{font-family:Inter,sans-serif;font-size:40px;font-weight:500;letter-spacing:-.045em;line-height:1.15}.play-section p:not(.kicker){margin:0 0 20px;font-size:14px;color:#929aaa;line-height:1.9}.play-section .inline-action{font:500 12px Inter,sans-serif;margin-top:5px;color:#f74087}.join-band{margin:30px auto 60px;max-width:1280px;border:1px solid #f20b661d;border-radius:12px;background:linear-gradient(110deg,#1b111b,#111319);padding:45px 48px}.join-band p{color:#ad8798;font-size:9px;font-weight:500;letter-spacing:.13em}.join-band h2{font:500 34px/1.2 Inter,sans-serif;letter-spacing:-.045em}.site-footer{border-top:1px solid #ffffff0a}.site-footer p{line-height:1.7}.brand img{mix-blend-mode:screen}
@media(max-width:1000px){.cinema-hero{gap:28px;min-height:650px;padding-top:135px}.city-window{height:420px}.hero-content h1{font-size:55px}.hero-actions{gap:18px}.section-line{display:block}.section-line>p{margin-top:15px}.explore-card{padding:24px}.explore-card h3{font-size:18px}.join-band{margin-inline:5%}}
@media(max-width:650px){.cinema-hero{grid-template-columns:1fr;padding:130px 24px 40px;gap:35px;min-height:0}.hero-content h1{font-size:clamp(42px,11vw,62px)}.hero-content .kicker{font-size:9px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-actions .pill-button{padding:15px 18px}.hero-details{gap:12px;margin-top:27px;font-size:9px}.hero-details span+span:before{margin-right:12px}.city-window{height:260px;border-radius:10px}.city-caption{left:20px;right:20px;bottom:20px}.feature-section{padding:35px 24px 45px}.section-line h2{font-size:26px}.explore-grid{grid-template-columns:1fr;gap:12px}.explore-card{padding:25px}.explore-icon{margin-bottom:20px}.explore-card h3{font-size:21px}.play-section{padding:45px 24px;grid-template-columns:1fr;gap:15px}.play-section h2{font-size:34px}.join-band{margin:15px 24px 35px;padding:28px;align-items:start;flex-direction:column;gap:24px}.join-band h2{font-size:29px}}
.inner-page .page-heading h1{font-family:Inter,sans-serif;font-weight:500;letter-spacing:-.055em;font-size:clamp(36px,4.5vw,60px);line-height:1.15}.inner-page .page-heading .kicker{font-size:9px;color:#bd829b;font-weight:500;letter-spacing:.13em}.inner-page .page-heading p:not(.kicker){color:#929aaa}.inner-page .stream-toolbar{padding-block:24px}.inner-page .stream-empty{padding:70px 28px;border-radius:12px;background:#101319}.inner-page .stream-empty h2,.inner-page .directory h2{font-family:Inter,sans-serif;font-weight:500;letter-spacing:-.03em;text-transform:none}.inner-page .directory h2{font-size:25px}.inner-page .stream-card{border-radius:10px}.inner-page .channel-link{border-radius:8px;padding:22px}.inner-page .inline-action{font-family:Inter,sans-serif;font-weight:500;font-size:11px}