/* AXXESS AFTER DARK — unified V2 full-site photographic design system.
   Decorative, offline-created WEBP backgrounds. All meaningful content in HTML.
   Loaded last. This file is intentionally limited to Concept 02 only. */
:root{
 --ad-ink:#16101e; --ad-pink:#ff39a9; --ad-aqua:#20e4e9;
 --ad-lime:#d9ff35; --ad-violet:#1d1430; --ad-paper:#fff9fc;
}
/* Replacing the weak pseudo-speaker constructions, SVG search, and crown symbols. */
.stage-speaker-stack,.stage-rig,.stage-rig-top,.stage-beam,
.stage-burst,.intro-speaker,.intro-rig,.intro-stage-beam,
.vip-neon-crown{display:none!important}
.stage-search-lens{display:inline-block;width:17px;height:17px;border:2.5px solid currentColor;border-radius:50%;position:relative}
.stage-search-lens:after{content:"";position:absolute;height:8px;width:2.5px;background:currentColor;right:-4px;bottom:-7px;transform:rotate(-45deg);border-radius:3px}
.stage-round-sticker{box-shadow:4px 5px 0 #fb3faf}
.sticker-underline{display:block;width:40px;height:6px;margin:7px 0 0;background:#17121d;transform:rotate(-8deg);border-radius:50%}
.stage-sticker-aqua{box-shadow:4px 5px 0 #fa50af}
/* HERO: real concert atmosphere, restrained sticker framing, clear editable text. */
.stage-hero{
 background-color:#ffb8dc;
 background-image:url("media/photos/axxess-stage-hero.webp");
 background-size:cover;
 background-position:center center;
}
.stage-hero:before{background:linear-gradient(90deg,#ffb9dd42,#ffb4db18 54%,transparent 80%);opacity:1}
.stage-hero-inner{position:relative}
.stage-hero-left{isolation:isolate}
.stage-hero-left:before{content:"";position:absolute;inset:-20px -5% -20px -20px;z-index:-1;background:linear-gradient(90deg,#ffc8e867,#ffd5e73d,transparent);filter:blur(20px);pointer-events:none}
.stage-concert-frame{box-shadow:13px 11px 0 #ffdf38}
.stage-concert-frame img{filter:saturate(1.48) contrast(1.08)}
.stage-hero-right{isolation:isolate}
.stage-sticker-aqua,.stage-round-sticker{font-family:Impact,"Arial Black",sans-serif;letter-spacing:-.055em;line-height:.95}
.stage-sticker-aqua{top:1px;left:2%;transform:rotate(-7deg)}
.stage-round-sticker{right:-23px;bottom:3px}
/* Keep cut-paper row light: photographs are the content, no rasterized text. */
.stage-genres{background:#fffefa}
.stage-genre{border:3px solid #150e1d;box-shadow:6px 6px 0 var(--ad-pink)}
.stage-genre:nth-child(2){box-shadow:6px 6px 0 var(--ad-aqua)}
.stage-genre:nth-child(3){box-shadow:6px 6px 0 #ffdf36}
.stage-genre:nth-child(4){box-shadow:6px 6px 0 #56dce9}
.genre-copy h3{font-family:Impact,"Arial Black",sans-serif!important}
.genre-arrow{font-family:Arial,sans-serif;background:#16102676;backdrop-filter:blur(5px)}
/* EVENTS & LISTINGS */
.stage-upcoming,.stage-events,.stage-explore{
 background-color:#ffd2eb;
 background-image:linear-gradient(90deg,#ffd5e653,#ffd0e64a),url("media/photos/axxess-stage-events.webp");
 background-size:cover;
 background-position:center;
}
.stage-upcoming:before{background:linear-gradient(90deg,#ffd1e45c,#ffcbe02c)}
.stage-upcoming-heading h2{font-family:Impact,"Arial Black",sans-serif;font-weight:950;letter-spacing:-.052em}
.stage-upcoming .stage-event-card,.stage-discovery-grid .stage-event-card{
 background:#fff;box-shadow:4px 5px 0 #1a1121;border:1px solid #16101e;
}
.stage-event-body{background:#fff}
.event-badge,.stage-upcoming .event-badge{line-height:1}
.stage-event-card .save-event{transition:transform .2s,background .2s}
.stage-event-card .save-event:hover{transform:scale(1.1)}
.stage-explore-bar{background:#ffcde5e8;backdrop-filter:blur(5px)}
.stage-results{color:#231525}
/* VIP: photographic immersive background under live headings and prices */
.stage-vip-feature{
 background-color:#151027;
 background-image:linear-gradient(90deg,#0e0c1c1a,#16102589),url("media/photos/axxess-stage-vip.webp");
 background-size:cover;
 background-position:center;
}
.vip-feature-content{position:relative}
.vip-feature-content:before{content:"";position:absolute;inset:4% 2% 4% 2%;z-index:0;background:#150b296b;filter:blur(30px);pointer-events:none}
.vip-feature-content>*{position:relative;z-index:1}
.vip-image:after{background:linear-gradient(90deg,#12102805,#130a2978)}
.vip-neon-orbit{position:absolute;inset:24% 24%;border:6px solid #ff43b5;border-radius:50%;transform:rotate(-16deg);filter:drop-shadow(0 0 14px #ff4ebf);z-index:2;opacity:.6}
.vip-neon-orbit:after{content:"";position:absolute;inset:18%;border:2px solid #2aeefa;border-radius:50%}
.stage-membership-section{
 background-color:#fff5fc;
 background-image:linear-gradient(0deg,#fff8fdde,#fff4fbdb),url("media/photos/axxess-stage-events.webp");
 background-size:cover;
}
.stage-member-card{box-shadow:7px 7px 0 #1b1024;border-width:3px}
.mini-burst{width:38px;height:38px;border:3px solid currentColor;border-radius:50%;display:block;position:relative}
.mini-burst:before,.mini-burst:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}
.mini-burst:before{width:60px;height:3px}.mini-burst:after{height:60px;width:3px}
.mini-burst.alt{border-radius:2px;transform:rotate(22deg)}
/* VENUE: picture-led cyan/pink poster with text-rich listing below */
.stage-venue-spotlight{
 background-color:#94e9ef;
 background-image:linear-gradient(90deg,#aff2f082,#ffc9e15b),url("media/photos/axxess-stage-venues.webp");
 background-size:cover;background-position:center;
}
.venue-feature-grid{box-shadow:11px 10px 0 #201329}
.venue-feature-text{position:relative}
.venue-feature-text:before{content:"";position:absolute;inset:0;background:#9bedf31c;pointer-events:none}
.venue-feature-text>*{position:relative}
.stage-venue-spotlight .stage-section-heading h2 i{color:#ef2fa1}
.venue-feature-text h3 span{display:none}
/* COLLAB & PARTNER PAGE: neon lime graffiti feel, readable authentic content */
.stage-partner-invite{
 background-color:#dcff43;
 background-image:linear-gradient(90deg,#e1ff389a,#d9ff41c0),url("media/photos/axxess-stage-collab.webp");
 background-size:cover;
 background-position:center;
}
.stage-partner-cards article{background:#dfff4a;border-radius:2px;transition:transform .2s}
.stage-partner-cards article:nth-child(2){background:#79e6ef}
.stage-partner-cards article:nth-child(3){background:#ffb9dd}
.stage-partner-cards article:hover{transform:translateY(-5px)}
.stage-about-copy{
 background:linear-gradient(#fff6fbd9,#fff5fcd9),url("media/photos/axxess-stage-events.webp") center/cover;
}
.stage-detail,.stage-faq{
 background:linear-gradient(#fff9fbea,#fff7fbea),url("media/photos/axxess-stage-events.webp") center/cover;
}
.stage-booking{box-shadow:10px 10px 0 #f846ad}
/* Shared mastheads: one system, themes chosen per page. */
.stage-inner-hero{
 position:relative;min-height:505px;
 background-image:linear-gradient(90deg,#ffadd06b,#ffcbe153),url("media/photos/axxess-stage-hero.webp");
 background-size:cover;background-position:center;
 color:#1a1024;isolation:isolate;
}
.stage-inner-hero .inner-photo{
 left:52%;right:6%;top:45px;bottom:47px;
 border:6px solid #171020;
 box-shadow:13px 12px 0 #f7e229;
 transform:rotate(3deg);
 overflow:hidden;
 z-index:-1;
 background-size:cover;background-position:center;
 filter:saturate(1.22);
}
.stage-inner-hero .inner-photo img{width:100%;height:100%;object-fit:cover}
.stage-inner-hero .inner-shade{
 background:linear-gradient(90deg,#ffc9e9b8,#ffc8e95d 50%,transparent 68%);z-index:-1
}
.stage-inner-hero .inner-content{max-width:1320px;width:calc(100% - 90px);padding:45px 0 48px;margin:0 auto}
.stage-inner-hero .inner-content>.stage-eyebrow{color:#261426}
.stage-inner-hero .inner-content h1{font-size:clamp(54px,7vw,101px);max-width:790px;line-height:.92;color:#160f1f;margin:25px 0}
.stage-inner-hero .inner-content h1 em{color:#ef30a2;text-shadow:2px 3px 0 #210f23}
.stage-inner-hero .inner-content>p{max-width:500px;color:#2d2130;font-weight:750;font-size:15px;line-height:1.65}
.stage-inner-hero .inner-sticker{background:var(--ad-aqua);border-color:#190f23;box-shadow:4px 5px 0 #ffdb35}
.stage-inner-hero.theme-dark{
 color:#fff;
 background-image:linear-gradient(90deg,#170d2d7d,#15122966),url("media/photos/axxess-stage-vip.webp")
}
.stage-inner-hero.theme-dark .inner-content h1,
.stage-inner-hero.theme-dark .inner-content>.stage-eyebrow,
.stage-inner-hero.theme-dark .inner-content>p{color:white}
.stage-inner-hero.theme-dark .inner-content h1 em{color:#ff60bf;text-shadow:2px 3px 0 #110a23}
.stage-inner-hero.theme-dark .inner-shade{background:linear-gradient(90deg,#111024d9,#130e2959 60%,transparent)}
.stage-inner-hero.theme-dark .inner-photo{border-color:#f79add;box-shadow:11px 11px 0 #64dbef}
.stage-inner-hero.theme-aqua{
 background-image:linear-gradient(90deg,#c2f2ed5e,#9debeb52),url("media/photos/axxess-stage-venues.webp")
}
.stage-inner-hero.theme-aqua .inner-shade{background:linear-gradient(90deg,#c7f5eed9,#c8f0ef63 58%,transparent)}
.stage-inner-hero.theme-aqua .inner-photo{box-shadow:12px 12px 0 #ff44ae}
.stage-inner-hero.theme-lime{
 background-image:linear-gradient(90deg,#eaff608c,#dbfe5892),url("media/photos/axxess-stage-collab.webp")
}
.stage-inner-hero.theme-lime .inner-shade{background:linear-gradient(90deg,#e3ff74dc,#e3ff7457 60%,transparent)}
.stage-inner-hero.theme-lime .inner-photo{box-shadow:12px 12px 0 #e847a5}
.stage-inner-hero .inner-beam{display:none}
/* Contact dark content and footer use stable, contrast-friendly image backdrops. */
.stage-contact-panel{
 background-color:#1b102e;
 background-image:linear-gradient(90deg,#1a1032dd,#1b0d2c9d),url("media/photos/axxess-stage-vip.webp");
 background-size:cover;
 background-position:center;
}
.stage-contact-panel .form-demo{box-shadow:8px 8px 0 #f744b1}
.stage-footer{
 background-color:#170c2c;
 background-image:linear-gradient(#100c22b3,#160821bd),url("media/photos/axxess-stage-footer.webp");
 background-size:cover;
 background-position:center;
}
.footer-directory a:hover,.replay-stage:hover{color:#ff8ad0}
.stage-footer .stage-action{border-color:#dafe43}
/* The intro is a real HTML loading experience over a cinematic background,
   rather than homemade geometric speakers. */
.stage-intro{background:#120a27}
.intro-background{
 background-image:linear-gradient(90deg,#1507208c,#190f3773),url("media/photos/axxess-stage-vip.webp");
 background-size:cover;background-position:center;
 filter:saturate(1.3);
}
.intro-rig,.intro-speaker,.intro-stage-beam{display:none}
.intro-brand{font-size:clamp(24px,4vw,38px);text-shadow:0 0 22px #ff43ba}
.intro-brand b{color:#ff50bc}
.intro-content h2{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(64px,9vw,145px)}
.intro-progress{background:#251236;border-color:#e5d0f6}
.intro-progress span{background:linear-gradient(90deg,#ef2fa6,#3ae2f3,#ddff33)}
.intro-skip{background:#180c30e0}
/* Readable and responsive crop selection. */
@media(max-width:1070px){
 .stage-inner-hero .inner-photo{left:51%;right:3%;top:75px;bottom:75px}
 .stage-inner-hero .inner-content h1{font-size:clamp(51px,6.8vw,80px)}
}
@media(max-width:700px){
 .stage-hero{background-position:43% center}
 .stage-hero-left:before{inset:0;background:linear-gradient(90deg,#ffcce9b0,#ffcbe84d,transparent)}
 .stage-inner-hero{min-height:525px;background-position:42% center}
 .stage-inner-hero .inner-photo{
  left:20%;right:7%;top:auto;bottom:23px;height:190px;
  border-width:4px;transform:rotate(2deg);box-shadow:7px 7px 0 #f7e229
 }
 .stage-inner-hero .inner-content{width:calc(100% - 40px);padding:44px 0 228px;position:relative;z-index:2}
 .stage-inner-hero .inner-content h1{font-size:clamp(52px,11vw,76px);margin:21px 0 16px}
 .stage-inner-hero .inner-content>p{font-size:13px;line-height:1.55;max-width:390px}
 .stage-inner-hero .inner-sticker{font-size:9px;padding:6px 9px;margin-top:8px}
 .stage-inner-hero .inner-shade{background:linear-gradient(#ffd0e5e8 0%,#ffb9ddab 60%,transparent)}
 .stage-inner-hero.theme-dark .inner-shade{background:linear-gradient(#161023d9,#180d258c 64%,#150d24a5)}
 .stage-inner-hero.theme-aqua .inner-shade{background:linear-gradient(#c7f5eed8,#c7f5ee88 64%,transparent)}
 .stage-inner-hero.theme-lime .inner-shade{background:linear-gradient(#e7ff7ce8,#dcff7f8c 65%,transparent)}
 .stage-venue-spotlight,.stage-partner-invite,.stage-upcoming{background-position:60% center}
 .vip-feature-content:before{inset:0}
 .stage-member-card{box-shadow:5px 5px 0 #1b1024}
 .mini-burst{transform:scale(.7)}
 .stage-genre:nth-child(n){box-shadow:4px 4px 0 #171024}
 .stage-hero-right{filter:saturate(1.1)}
 .intro-background{background-position:63% center}
}
@media(prefers-reduced-motion:reduce){
 .stage-event-card,.stage-genre,.stage-partner-cards article{transition:none}
}

/* Final hero annotation clearance; never conceal the hand-drawn note behind the poster. */
@media(min-width:1100px){
 .stage-scribble{right:9%;top:51%;z-index:10;transform:rotate(-11deg);font-size:13px;line-height:1.05}
}
@media(min-width:701px) and (max-width:1099px){
 .stage-scribble{display:none}
}