/* Tampa Collective — Halloween visual theme. Content, media, links and functionality remain unchanged. */
:root{
  --ink:#f6f1e8;
  --paper:#0b0a09;
  --cream:#12100e;
  --orange:#ff6a00;
  --line:rgba(255,255,255,.13);
  --navy:#0a0908;
}
html{scroll-behavior:smooth}
body{background:#0b0a09;color:#f6f1e8}
.site-header{background:rgba(5,5,5,.82);border-bottom:1px solid rgba(255,106,0,.24);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.28)}
.site-header .nav-links a,.site-header .socials a{color:#f6f1e8}
.site-header .nav-links a:hover,.site-header .socials a:hover,.site-header .nav-links a.active{color:var(--orange)}
.site-header .nav-links a.active:after{background:var(--orange)}
.menu{color:#fff;border-color:rgba(255,106,0,.4)}
.hero{background-position:center center;box-shadow:inset 0 -70px 90px rgba(0,0,0,.7)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,3,3,.88) 0%,rgba(8,5,3,.60) 42%,rgba(8,4,2,.18) 78%),linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.58)),linear-gradient(0deg,rgba(255,76,0,.12),transparent 45%)}
.hero-copy{text-shadow:0 3px 18px rgba(0,0,0,.45)}
.hero-rule{background:var(--orange);box-shadow:0 0 14px rgba(255,106,0,.6)}
.btn.orange{background:var(--orange);border-color:var(--orange);box-shadow:0 10px 28px rgba(255,106,0,.28)}
.btn.glass{border-color:rgba(255,255,255,.5);background:rgba(10,8,6,.34)}
.btn:hover{box-shadow:0 0 0 1px rgba(255,106,0,.18),0 12px 30px rgba(0,0,0,.3)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(circle at 15% 20%,rgba(255,106,0,.22) 0 1px,transparent 2px),radial-gradient(circle at 82% 30%,rgba(255,255,255,.16) 0 1px,transparent 2px);background-size:90px 90px,120px 120px;mix-blend-mode:screen}
.event-section{background:linear-gradient(180deg,#12100e,#0d0c0b);border-bottom:1px solid rgba(255,106,0,.18);position:relative;overflow:hidden}
.event-section:before,.past-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(255,106,0,.08),transparent 28%),radial-gradient(circle at 92% 88%,rgba(111,32,10,.12),transparent 30%)}
.event-grid,.content-grid{position:relative;z-index:1}
.kicker{color:var(--orange);text-shadow:0 0 12px rgba(255,106,0,.18)}
h2{color:#f6f1e8}
.event-note,.section-copy p,.about-copy,.contact-grid p{color:#bdb6ad}
.event-flyer{background:#050505;border-color:rgba(255,106,0,.28);box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 0 1px rgba(255,106,0,.08)}
.media-section{background:#0a0908;border-bottom:1px solid rgba(255,106,0,.16)}
.media-card{background:#12100e;border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.media-card img,.media-card video{background:#15120f}
.media-card>span{background:rgba(10,9,8,.90);color:#f6f1e8;border-top:1px solid rgba(255,106,0,.2)}
.media-card .play{background:rgba(255,106,0,.94);color:#0b0a09;box-shadow:0 0 22px rgba(255,106,0,.25)}
.carousel-arrow{background:#11100e;color:#f6f1e8;border-color:rgba(255,106,0,.3);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.carousel-arrow:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}
.carousel-dots button{background:#514b44}.carousel-dots button.active{background:var(--orange);box-shadow:0 0 10px rgba(255,106,0,.45)}
.past-section{background:#100e0c;border-bottom:1px solid rgba(255,106,0,.16);position:relative;overflow:hidden}
.past-card>div{background:#080706;border-color:rgba(255,106,0,.18);box-shadow:0 10px 25px rgba(0,0,0,.35)}
.past-card small{color:var(--orange)}
.past-card strong{color:#f6f1e8}
.about-section,.contact-section{background:#0b0a09;color:#f6f1e8;border-bottom:1px solid rgba(255,106,0,.12)}
.about-section:before,.contact-section:before{content:"";display:block;position:absolute}
.directory-section{background:linear-gradient(135deg,#080706,#15100c);border-top:1px solid rgba(255,106,0,.16);border-bottom:1px solid rgba(255,106,0,.16)}
.contact-grid a{color:var(--orange)}
.footer{background:linear-gradient(180deg,#0d0c0b,#050505);color:#f6f1e8;border-top:1px solid rgba(255,106,0,.22)}
.footer:before{opacity:.09;filter:saturate(.2) brightness(.5)}
.footer-title{color:#f6f1e8}.footer-sub{color:#aaa39b}.footer-links a,.footer-social a{color:#f6f1e8}.footer-links a:hover,.footer-social a:hover{color:var(--orange)}
.modal{background:rgba(0,0,0,.96)}
.close{background:#111;color:#fff;border:1px solid rgba(255,106,0,.45)}
.modal-footer a{color:var(--orange)}
/* Subtle Halloween corner-web accents; they sit behind content and never affect clicks. */
.hero:before{content:"";position:absolute;left:-85px;top:-95px;width:250px;height:250px;opacity:.32;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0 11deg,rgba(255,255,255,.22) 11.5deg 12deg);mask-image:radial-gradient(circle at 100% 100%,#000 0 55%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0 55%,transparent 70%)}
.event-section:after{content:"";position:absolute;right:-80px;bottom:-100px;width:230px;height:230px;opacity:.18;pointer-events:none;background:repeating-radial-gradient(circle at 0 0,transparent 0 18px,rgba(255,255,255,.28) 19px 20px);mask-image:linear-gradient(135deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%)}
@media(max-width:900px){.nav-links.open{background:rgba(7,6,5,.98);border-bottom-color:rgba(255,106,0,.3)} }
.menu{background:transparent}

.hero .btn, .hero a.btn { pointer-events:auto !important; cursor:pointer !important; position:relative; z-index:100; text-decoration:none; }