/* RockON dark-theme treatment, scoped to the Fly Fantasy homepage. */
body.front-page.home-rockon{--lime:#00ffcc;--pink:#ff2c98;--bg:#060606;--surface:#101010;--muted:#d4d4d4;--line:#ffffff26;background:#060606 url('art/home-dark-texture.jpg') repeat;color:#f5f5f5}
.home-rockon #app-nav{background:rgba(4,4,4,.96);border-bottom:1px solid #00ffcc55}
.home-rockon #app-nav .nav-links a:hover,.home-rockon #app-nav .nav-links a:focus-visible{color:#00ffcc}
.home-rockon .media-categories{margin-top:18px;margin-bottom:0;border:1px solid #ffffff22;border-bottom:2px solid #00ffcc;border-radius:0;background:#080808;gap:0;padding:0;justify-content:center}
.home-rockon .media-categories a{border:0;border-right:1px solid #ffffff1c;border-radius:0;padding:14px 18px;background:transparent;color:#e9e9e9;font-size:11px;text-decoration:none}
.home-rockon .media-categories a:hover,.home-rockon .media-categories a:focus-visible{background:#00ffcc;color:#051612;text-decoration:underline}
.home-rockon .desktop-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding-block:38px 44px;border-bottom:1px solid #ffffff22}
.home-rockon .intro-copy .kicker{font-size:10px;letter-spacing:.2em;color:#00ffcc;margin-bottom:18px}
.home-rockon .desktop-intro .intro-copy h1{font-family:var(--sans,Arial,sans-serif);font-size:clamp(35px,4vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:22px;color:#fff}
.home-rockon .intro-copy h1 em{font-style:normal;color:#00ffcc}
.home-rockon .intro-copy>p:not(.kicker){font-size:14px;line-height:1.85;color:#d4d4d4;max-width:600px}
.home-rockon .intro-art{height:auto!important;aspect-ratio:auto!important;padding:12px 12px 0;background:#0a0a0a;border:1px solid #00ffcc50;box-shadow:0 0 28px #00ffcc0b,12px 12px 0 #0008;border-radius:0;min-width:0}
.home-rockon .intro-art img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important;aspect-ratio:3/2}
.home-rockon .intro-art>span{background:#0a0a0a;color:#00ffcc;text-align:center;letter-spacing:.16em;padding:14px 6px;font-size:9px}
.home-rockon .btn,.home-rockon .front-editorial-actions a:first-child{border:1px solid #00ffcc;background:#00ffcc;color:#041812;border-radius:0;font-weight:800;text-decoration:none;box-shadow:none}
.home-rockon .btn:hover,.home-rockon .btn:focus-visible{background:#fff;border-color:#fff;color:#101010}
.home-rockon .ghost{background:#101010;border:1px solid #ffffff70;border-radius:0;color:#fff;text-decoration:none}
.home-rockon .ghost:hover,.home-rockon .ghost:focus-visible{border-color:#00ffcc;color:#00ffcc}
.home-rockon .intro-signup a{background:#090909;border:1px solid #ffffff3a;border-radius:0;font-size:10px;color:#d4fff5!important;padding:9px 11px}
.home-rockon .front-wall{padding-block:42px 38px}
.home-rockon .front-heading-row{align-items:center;justify-content:center;text-align:center;position:relative;flex-wrap:wrap;margin-bottom:30px;padding-bottom:24px}
.home-rockon .front-heading-row::after{content:"×";position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#00ffcc;font-size:22px;line-height:1;background:linear-gradient(#00ffcc,#00ffcc) left center/27px 1px no-repeat,linear-gradient(#00ffcc,#00ffcc) right center/27px 1px no-repeat;width:90px}
.home-rockon .front-heading-row .front-kicker{font-size:9px;letter-spacing:.2em;color:#bbb}
.home-rockon .front-heading-row h2{font:800 clamp(25px,3vw,38px)/1.15 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.015em;color:#fff}
.home-rockon .front-heading-row h2 em{font-style:normal;color:#00ffcc}
.home-rockon .front-heading-row>a{font-size:10px;border-radius:0;border-color:#00ffcc66;color:#00ffcc;padding:9px 12px}
.home-rockon .front-reels{gap:22px}
.home-rockon .front-reel{padding:18px;background:#090909d9;border:1px solid #ffffff24;min-width:0}
.home-rockon .front-reel-head{border-top:0;border-bottom:1px solid #00ffcc55;padding:0 0 15px;margin-bottom:16px}
.home-rockon .front-reel-head h3{font-size:13px;color:#fff;letter-spacing:.07em}
.home-rockon .front-reel-head>a{font-size:9px;color:#00ffcc;border-radius:0;border-color:#ffffff38}
.home-rockon .front-reel .card{border-radius:0;background:#101010;border:1px solid #ffffff25;box-shadow:none;min-width:210px}
.home-rockon .front-reel .card:hover{border-color:#00ffcc;box-shadow:0 8px 24px #0008}
.home-rockon .front-reel .card .shot{height:235px;overflow:hidden}
.home-rockon .front-reel .card .shot img{object-position:center top}
.home-rockon .card-copy strong{font-family:var(--sans,Arial,sans-serif);font-weight:700;font-size:17px}
.home-rockon .card-arrow{color:#00ffcc}
.home-rockon .feature-invitation{background:#0e0e0e;border:1px dashed #00ffcc55;border-radius:0;padding:24px}
.home-rockon .front-editorial{padding:38px 0;background:linear-gradient(110deg,#071f1b,#080808 62%);border-block:1px solid #00ffcc35}
.home-rockon .front-editorial h2{font:800 clamp(28px,3.4vw,44px)/1.08 var(--sans,Arial,sans-serif);text-transform:uppercase;color:#fff}
.home-rockon .front-editorial h2 em{color:#00ffcc;font-style:normal}
.home-rockon .front-editorial .front-kicker{font-size:9px;letter-spacing:.17em;color:#00ffcc}
.home-rockon .front-editorial-inner{gap:35px;align-items:center}
.home-rockon .front-editorial-inner>div:last-child>p{font-size:14px;line-height:1.8;color:#d3d3d3}
.home-rockon .front-editorial-actions{gap:10px}
.home-rockon .front-editorial-actions a{border-radius:0;font-size:10px;min-height:45px}
.home-rockon .front-collections{padding-block:25px 40px}
.home-rockon .front-collections>summary{padding:20px;background:#080808;border:1px solid #ffffff29;border-left:3px solid #00ffcc}
.home-rockon .front-collections summary small,.home-rockon .front-plus{color:#00ffcc}
.home-rockon .front-collections summary strong{font:700 20px var(--sans,Arial,sans-serif);text-transform:uppercase}
.home-rockon #app-foot{background:#050505;border-top:1px solid #00ffcc40}
@media(max-width:850px){.home-rockon .desktop-intro{grid-template-columns:1fr;gap:24px;padding-block:25px}.home-rockon .intro-art{grid-row:1;max-width:650px;width:100%;margin:auto}.home-rockon .intro-copy{text-align:center}.home-rockon .intro-copy>p:not(.kicker){margin-inline:auto}.home-rockon .intro-copy .band,.home-rockon .intro-signup{justify-content:center}.home-rockon .desktop-intro .intro-copy h1{font-size:clamp(30px,7vw,45px)}.home-rockon .front-reels{grid-template-columns:1fr}.home-rockon .front-editorial-inner{grid-template-columns:1fr;gap:18px}.home-rockon .media-categories a{padding:11px 12px;font-size:10px}}
@media(max-width:450px){.home-rockon .desktop-intro .intro-copy h1{font-size:30px}.home-rockon .front-reel{padding:12px}.home-rockon .front-heading-row h2{font-size:25px}.home-rockon .intro-art{padding:6px 6px 0;box-shadow:none}.home-rockon .intro-copy .band{gap:8px}.home-rockon .intro-copy .band a{font-size:10px;padding:12px}.home-rockon .front-editorial-actions a{width:100%;justify-content:center}}