:root{ --img-world:url("/assets/media/bc4aed43a880f583539b.webp"); --img-experience:url("/assets/media/6f336826dd5fe701747a.webp"); --img-role:url("/assets/media/76ed5eb1fe1a9425d098.webp"); --img-fan:url("/assets/media/66f5d0918c5e1a9ccd07.webp"); --img-vendor:url("/assets/media/12f25dc4efc300493344.webp"); --img-sponsor:url("/assets/media/f3a6177fb91d9ea1e414.webp"); --img-podcaster:url("/assets/media/50e6dce07a2e0581c4b6.webp"); --img-producer:url("/assets/media/portrait-media.webp"); --bg-crimescene:url("/assets/media/bg-crime-scene-zone.webp"); --bg-deadairrow:url("/assets/media/bg-dead-air-row.webp"); --bg-theyard:url("/assets/media/bg-the-yard.webp"); --bg-venuenight:url("/assets/media/bg-venue-exterior-night.webp"); --bg-watchtower:url("/assets/media/bg-watchtower-lounge.webp"); --tex-mediabackdrop:url("/assets/media/texture-branded-media-backdrop.webp"); --tex-onairstudio:url("/assets/media/texture-neon-onair-studio.webp"); --tex-splatterwall:url("/assets/media/texture-verdict-splatter-wall.webp"); --tex-wetpavement:url("/assets/media/texture-wet-pavement-evidence.webp"); } /* ============ RESET & BASE ============ */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --bg-darkest:#0d0d0d; --bg-dark:#1a1a1a; --bg-panel:#222020; --bg-panel-2:#2a2727; --cream:#F0E8D8; --text:#e8e6e3; --text-dim:#a39d92; --yellow:#FFD700; --yellow-dk:#e6c200; --red:#cc0000; --red-deep:#8b0000; --red-brand:#C42828; --manila:#d4b896; --manila-dk:#b89968; --stamp:#cc0000; --border:#3a3636; } html{scroll-behavior:smooth} body{ font-family:'Roboto Condensed',sans-serif; background:var(--bg-darkest); color:var(--text); line-height:1.6; overflow-x:hidden; } h1,h2,h3,h4{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:2px;line-height:1} .mono{font-family:'Space Mono',monospace} a{color:var(--yellow);text-decoration:none} a:hover{color:var(--cream)} img{max-width:100%;display:block} ul{list-style:none} .section{padding:70px 20px;position:relative} .container{max-width:1280px;margin:0 auto} .center{text-align:center} .section-title{font-size:clamp(2.4rem,6vw,4.5rem);text-align:center;color:var(--cream);text-transform:uppercase;letter-spacing:4px;margin-bottom:10px;position:relative} .section-sub{text-align:center;color:var(--yellow);font-family:'Space Mono',monospace;text-transform:uppercase;font-size:.82rem;letter-spacing:3px;margin-bottom:50px} .star-sep{color:var(--yellow);margin:0 10px} /* ============ EVIDENCE TAPE ============ */ .tape{ background:repeating-linear-gradient(135deg,var(--yellow) 0,var(--yellow) 40px,var(--yellow-dk) 40px,var(--yellow-dk) 80px); color:#0d0d0d; font-family:'Space Mono',monospace; font-weight:700; text-transform:uppercase; letter-spacing:3px; font-size:.78rem; text-align:center; padding:8px 0; position:relative; box-shadow:0 0 0 2px rgba(0,0,0,.4) inset; } .tape::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 10%,transparent 90%,rgba(0,0,0,.15))} /* ============ TICKER ============ */ .ticker-wrap{background:#000;overflow:hidden;white-space:nowrap;border-top:1px solid #333;border-bottom:1px solid #333} .ticker{display:inline-block;padding-left:100%;font-family:'Space Mono',monospace;font-size:.78rem;color:var(--yellow);text-transform:uppercase;letter-spacing:2px;animation:ticker 38s linear infinite} @keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}} /* ============ TOP BAR / HEADER ============ */ .topbar{background:var(--bg-darkest);border-bottom:2px solid var(--red-deep);position:sticky;top:0;z-index:1000} .topbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;max-width:1400px;margin:0 auto;flex-wrap:wrap} .brand{display:flex;align-items:center;gap:12px} .brand img{height:42px;width:auto;filter:drop-shadow(0 0 6px rgba(255,215,0,.2))} .brand-name{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;color:var(--cream);letter-spacing:3px;line-height:.9} .brand-name small{display:block;font-family:'Space Mono',monospace;font-size:.55rem;color:var(--yellow);letter-spacing:1px} .topbar-details{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;text-align:center} .topbar-details strong{color:var(--yellow)} .nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .nav a{font-family:'Space Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:1px;padding:8px 12px;border:1px solid var(--border);color:var(--text);transition:.2s;white-space:nowrap} .nav a:hover{border-color:var(--yellow);color:var(--yellow);background:rgba(255,215,0,.06)} .nav a.cta-nav{background:var(--red);border-color:var(--red);color:#fff} .nav a.cta-nav:hover{background:var(--red-deep)} .burger{display:none;background:none;border:1px solid var(--border);color:var(--yellow);font-size:1.1rem;padding:8px 12px;cursor:pointer} /* ============ STATS BAR ============ */ .stats-bar{display:flex;justify-content:center;flex-wrap:wrap;background:var(--bg-dark);border-bottom:1px solid var(--border)} .stat{flex:1;min-width:200px;text-align:center;padding:26px 16px;border-right:1px solid var(--border)} .stat:last-child{border-right:none} .stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;color:var(--yellow);letter-spacing:2px} .stat-lbl{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px} /* ============ PHONE BANNER ============ */ .phone-banner{padding:18px 20px;text-align:center} .phone-banner .tape{font-size:1rem;padding:14px 0;letter-spacing:4px} .phone-banner .phone-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,5vw,3rem);color:#0d0d0d;letter-spacing:3px;display:block} .phone-banner .phone-sub{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:2px;display:block;margin-top:2px} /* ============ HERO ============ */ .hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#000} .hero-bg{position:absolute;inset:0;background:var(--img-world) center/cover no-repeat;filter:grayscale(.35) brightness(.42) contrast(1.1)} .hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(13,13,13,.3) 0%,rgba(13,13,13,.85) 80%),linear-gradient(180deg,rgba(13,13,13,.6),rgba(13,13,13,.4) 40%,rgba(13,13,13,.95))} .hero-content{position:relative;z-index:2;padding:40px 20px;max-width:1000px} .hero-tag{font-family:'Space Mono',monospace;color:var(--yellow);font-size:.78rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:18px} .hero-tag span{color:var(--red)} .hero h1{font-size:clamp(2.8rem,9vw,7rem);color:var(--cream);letter-spacing:4px;line-height:.95;text-shadow:0 4px 30px rgba(0,0,0,.8)} .hero h1 .accent{color:var(--yellow)} .hero-meta{font-family:'Space Mono',monospace;color:var(--text);font-size:.92rem;letter-spacing:2px;margin:20px 0 30px;text-transform:uppercase} .hero-meta .star-sep{color:var(--red)} .countdown{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0 34px} .cd-box{background:rgba(0,0,0,.6);border:1px solid var(--yellow);padding:14px 18px;min-width:78px} .cd-num{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--yellow);line-height:1} .cd-lbl{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px} .hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap} .btn{display:inline-block;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;padding:16px 32px;border:2px solid;cursor:pointer;transition:.25s;text-align:center} .btn-primary{background:var(--red);border-color:var(--red);color:#fff} .btn-primary:hover{background:var(--red-deep);border-color:var(--red-deep);color:var(--yellow)} .btn-ghost{background:transparent;border-color:var(--yellow);color:var(--yellow)} .btn-ghost:hover{background:var(--yellow);color:#0d0d0d} .btn-sm{padding:10px 18px;font-size:.68rem} /* ============ STAMP ============ */ .stamp{display:inline-block;border:3px solid var(--stamp);color:var(--stamp);font-family:'Bebas Neue',sans-serif;letter-spacing:3px;padding:4px 14px;text-transform:uppercase;transform:rotate(-8deg);opacity:.85;font-size:1rem} .stamp-red{filter:drop-shadow(0 0 1px var(--stamp))} /* ============ PERSONS OF INTEREST ============ */ .poi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .poi-card{background:var(--bg-panel);border:1px solid var(--border);position:relative;overflow:hidden;transition:.3s} .poi-card:hover{border-color:var(--yellow);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5)} .poi-card .mug{position:relative;height:280px;overflow:hidden;background:#111} .poi-card .mug img{width:100%;height:100%;object-fit:cover;filter:grayscale(.8) contrast(1.15);transition:.3s} .poi-card:hover .mug img{filter:grayscale(.3) contrast(1.05)} .poi-card .mug::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.85));z-index:1} .poi-card .mug .height-marks{position:absolute;left:6px;top:0;bottom:0;width:14px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.5rem;color:rgba(255,255,255,.4)} .poi-card .file-tag{position:absolute;top:8px;right:8px;z-index:3;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--yellow);background:rgba(0,0,0,.7);padding:3px 7px;border:1px solid var(--yellow);letter-spacing:1px} .poi-card .poi-body{padding:16px} .poi-card .poi-name{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--cream);letter-spacing:2px} .poi-card .poi-quote{font-family:'Space Mono',monospace;font-size:.68rem;color:var(--yellow);margin:6px 0 8px;letter-spacing:.5px} .poi-card .poi-desc{font-size:.9rem;color:var(--text-dim)} .poi-card.silhouette .mug{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1a1a1a,#1a1a1a 10px,#222 10px,#222 20px)} .poi-card.silhouette .mug i{font-size:5rem;color:rgba(255,215,0,.25)} .poi-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px} /* ============ EVIDENCE ROOM (BLOG) ============ */ .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .folder{background:var(--manila);color:#3a2f1a;position:relative;border-radius:3px 3px 0 0;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.45);transition:.3s;display:flex;flex-direction:column} .folder:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.6)} .folder .tab{background:var(--manila-dk);height:30px;margin:0 0 0 18px;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:'Space Mono',monospace;font-size:.6rem;color:#4a3d22;text-transform:uppercase;letter-spacing:1px} .folder .tab .cat{background:#3a2f1a;color:var(--manila);padding:2px 8px;border-radius:2px} .folder .folder-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column} .folder .folder-body::before{content:'CASE FILE';position:absolute;top:46px;right:-30px;transform:rotate(45deg);background:rgba(204,0,0,.12);color:rgba(139,0,0,.5);font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:2px;padding:4px 34px;border:1px solid rgba(139,0,0,.25)} .folder h3{font-size:1.35rem;color:#2a2110;letter-spacing:.5px;line-height:1.15;margin-bottom:10px} .folder p{font-size:.9rem;color:#4a3d22;flex:1} .folder .folder-foot{margin-top:14px;font-family:'Space Mono',monospace;font-size:.62rem;color:#6b5a38;text-transform:uppercase;letter-spacing:1px;border-top:1px dashed #8a7345;padding-top:10px;display:flex;justify-content:space-between;align-items:center} .folder .folder-foot a{color:#8b0000;font-weight:700} .blog-link{text-align:center;margin-top:40px} /* ============ FLOORPLAN ============ */ .floor-wrap{background:var(--bg-dark);border:1px solid var(--border);padding:24px} .floor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px} .floor-header .compass{font-family:'Space Mono',monospace;color:var(--yellow);font-size:.7rem;letter-spacing:2px} .floorplan{background:#0a0a0a;border:2px solid var(--yellow-dk);padding:16px;display:grid;grid-template-columns:repeat(16,1fr);gap:4px;font-family:'Space Mono',monospace;font-size:.5rem} .entrance{grid-column:1/-1;text-align:center;background:var(--red-deep);color:var(--yellow);padding:6px;letter-spacing:2px;text-transform:uppercase;font-weight:700} .entrance.south{grid-column:1/-1;margin-top:4px} .fp-cell{background:var(--bg-panel);border:1px solid var(--border);min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-dim);cursor:pointer;transition:.2s;padding:2px;line-height:1.1} .fp-cell:hover{background:var(--yellow);color:#0d0d0d;border-color:var(--yellow);font-weight:700} .fp-cell.occupied{background:#3a2222;border-color:#5a3030} .fp-cell.occupied:hover{background:var(--red);color:#fff} .fp-cell.courtroom{background:var(--red-deep);color:var(--yellow);font-weight:700;grid-column:span 6;grid-row:span 3;font-size:.7rem;letter-spacing:1px} .fp-cell.pod{background:#2a2a1a;border-color:var(--yellow-dk);color:var(--yellow)} .fp-cell.pod:hover{background:var(--yellow)} .fp-cell.island{background:#1a2a1a;border-color:#3a8a3a;color:#7ada7a} .fp-cell.wall{background:#2a2018;border-color:var(--manila-dk);color:var(--manila)} .fp-cell.empty{background:transparent;border:none;cursor:default;min-height:20px} .fp-cell.empty:hover{background:transparent} .floor-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;justify-content:center} .legend-item{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px} .legend-dot{width:14px;height:14px;border:1px solid} .booth-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px} .booth-type{background:var(--bg-panel);border:1px solid var(--border);padding:16px;text-align:center} .booth-type .bt-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--cream);letter-spacing:1px} .booth-type .bt-price{font-family:'Space Mono',monospace;color:var(--yellow);font-size:.95rem;margin-top:4px} /* ============ ZONES ============ */ .zones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .zone{background:var(--bg-panel);border-left:3px solid var(--yellow);padding:18px 16px;transition:.25s;position:relative} .zone:hover{background:var(--bg-panel-2);transform:translateX(4px)} .zone .z-num{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--red);letter-spacing:2px} .zone .z-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--cream);letter-spacing:1px;margin:4px 0} .zone .z-desc{font-size:.82rem;color:var(--text-dim)} /* ============ NUMBERS ============ */ .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .num-card{background:var(--bg-panel);border:1px solid var(--border);padding:28px 18px;text-align:center;position:relative} .num-card::before{content:'';position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--yellow);border-left:2px solid var(--yellow)} .num-card::after{content:'';position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid var(--yellow);border-right:2px solid var(--yellow)} .num-card .n-big{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:var(--yellow);line-height:1} .num-card .n-lbl{font-size:.85rem;color:var(--text);margin-top:6px;text-transform:uppercase;letter-spacing:1px} .num-card .n-src{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text-dim);margin-top:8px;text-transform:uppercase;letter-spacing:1px} /* ============ CREDENTIALS / TICKETING ============ */ .tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px} .tier-card{background:var(--bg-panel);border:1px solid var(--border);padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s} .tier-card:hover{border-color:var(--yellow);transform:translateY(-4px)} .tier-card.featured{border-color:var(--red)} .tier-card .tier-head{padding:18px 16px 12px;border-bottom:1px solid var(--border);text-align:center} .tier-card .tier-badge{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase} .tier-card .tier-name{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--cream);letter-spacing:1px;margin-top:4px} .tier-card .tier-price{padding:18px 16px;text-align:center} .tier-card .tier-price .now{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--yellow);line-height:1} .tier-card .tier-price .after{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--text-dim);margin-top:6px;text-transform:uppercase} .tier-card .tier-price .after s{color:var(--red)} .tier-card .tier-features{padding:0 16px 18px;flex:1} .tier-card .tier-features li{font-size:.82rem;color:var(--text-dim);padding:4px 0 4px 16px;position:relative} .tier-card .tier-features li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--yellow);font-size:.6rem;position:absolute;left:0} .tier-card .tier-cta{padding:0 16px 18px;text-align:center} .tier-note{text-align:center;margin-top:26px;font-family:'Space Mono',monospace;font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px} /* ============ SPONSOR TIERS ============ */ .sponsor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .sponsor-card{background:var(--bg-panel);border:1px solid var(--border);padding:20px 16px;text-align:center;position:relative;transition:.3s} .sponsor-card:hover{border-color:var(--yellow);transform:translateY(-4px)} .sponsor-card.top{border-color:var(--red);background:linear-gradient(180deg,#2a1414,var(--bg-panel))} .sponsor-card .s-rank{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--red);letter-spacing:2px} .sponsor-card .s-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--cream);letter-spacing:1px;margin:4px 0} .sponsor-card .s-tier{font-size:.8rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1px} .sponsor-card .s-price{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--yellow);margin:10px 0} .sponsor-card .s-limit{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:14px} /* ============ FORMS ============ */ .form-section{background:var(--bg-dark);border:1px solid var(--border);max-width:880px;margin:0 auto} .form-head{background:var(--bg-panel);padding:18px 24px;border-bottom:2px solid var(--yellow);display:flex;align-items:center;gap:14px} .form-head i{color:var(--yellow);font-size:1.3rem} .form-head h3{color:var(--cream);font-size:1.6rem;letter-spacing:2px} .form-head .form-id{margin-left:auto;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text-dim);text-align:right} .form-body{padding:24px} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .field{display:flex;flex-direction:column} .field.full{grid-column:1/-1} .field label{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px} .field label .req{color:var(--red)} .field input,.field select,.field textarea{background:#0a0a0a;border:1px solid var(--border);color:var(--text);padding:11px 12px;font-family:'Roboto Condensed',sans-serif;font-size:.92rem;transition:.2s} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)} .field textarea{resize:vertical;min-height:80px} .checkbox-field{display:flex;align-items:flex-start;gap:10px;grid-column:1/-1} .checkbox-field input{width:auto;margin-top:5px;accent-color:var(--yellow)} .checkbox-field label{font-size:.8rem;color:var(--text-dim);text-transform:none;letter-spacing:0} .form-submit{margin-top:20px;text-align:center} /* ============ PRODUCER ============ */ .producer-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:0;border:1px solid var(--border);background:var(--bg-dark)} .producer-img{background:var(--img-producer) center/cover no-repeat;min-height:420px;filter:grayscale(.6) contrast(1.1);position:relative} .producer-img::after{content:'INVESTIGATION FILE';position:absolute;top:14px;left:14px;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--yellow);background:rgba(0,0,0,.7);padding:4px 10px;border:1px solid var(--yellow);letter-spacing:2px} .producer-info{padding:32px} .producer-info .case-stamp{position:relative;margin-bottom:16px} .producer-info h3{font-size:2.2rem;color:var(--cream);letter-spacing:2px} .producer-info .role{font-family:'Space Mono',monospace;color:var(--yellow);font-size:.78rem;text-transform:uppercase;letter-spacing:2px;margin:6px 0 18px} .producer-info p{color:var(--text);margin-bottom:14px;font-size:.95rem} .producer-info .tagline{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--yellow);letter-spacing:1px;border-left:3px solid var(--red);padding-left:14px;margin-top:18px} /* ============ INVESTOR ============ */ .investor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center} .investor-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px} .inv-stat{background:var(--bg-panel);border:1px solid var(--border);padding:18px;text-align:center} .inv-stat .v{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--yellow);line-height:1} .inv-stat .k{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px} .investor-text h3{font-size:2rem;color:var(--cream)} .investor-text p{color:var(--text-dim);margin:14px 0 22px} /* ============ VENUE ============ */ .venue-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .venue-card{background:var(--bg-panel);border:1px solid var(--border);padding:26px;position:relative} .venue-card h3{color:var(--cream);font-size:1.6rem;letter-spacing:1px;margin-bottom:14px} .venue-card h3 i{color:var(--yellow);margin-right:8px} .venue-card ul li{padding:6px 0 6px 22px;position:relative;color:var(--text-dim);font-size:.92rem} .venue-card ul li::before{content:'\f111';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--yellow);font-size:.4rem;position:absolute;left:0;top:13px} .venue-card ul li strong{color:var(--cream)} /* ============ CONTACT ============ */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px} .contact-emails{display:flex;flex-direction:column;gap:12px} .contact-email{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border:1px solid var(--border);padding:14px 18px;transition:.2s} .contact-email:hover{border-color:var(--yellow)} .contact-email i{color:var(--yellow);font-size:1.1rem;width:24px;text-align:center} .contact-email .ce-label{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px} .contact-email .ce-addr{color:var(--cream);font-size:.95rem} /* ============ AWARDS ============ */ .awards-wrap{text-align:center;background:linear-gradient(180deg,rgba(139,0,0,.15),transparent),var(--img-producer) center/cover no-repeat fixed;background-blend-mode:multiply;padding:80px 20px;position:relative} .awards-wrap::before{content:'';position:absolute;inset:0;background:rgba(13,13,13,.7)} .awards-wrap>*{position:relative;z-index:2} .awards-wrap h2{font-size:clamp(2.2rem,6vw,4rem);color:var(--cream)} .awards-wrap .aw-sub{color:var(--yellow);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:2px;font-size:.85rem;margin:14px 0 24px} .awards-wrap .aw-tag{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);color:var(--yellow);letter-spacing:3px} .awards-cats{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:24px} .award-cat{background:rgba(0,0,0,.5);border:1px solid var(--yellow);padding:10px 20px;font-family:'Space Mono',monospace;font-size:.72rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1px} /* ============ QUIZ CTA ============ */ .quiz-cta{background:var(--bg-panel);border:1px solid var(--yellow);text-align:center;padding:50px 20px;position:relative;overflow:hidden} .quiz-cta::before{content:'?';position:absolute;font-family:'Bebas Neue';font-size:20rem;color:rgba(255,215,0,.04);top:-40px;right:-20px;line-height:1} .quiz-cta>*{position:relative;z-index:2} .quiz-cta h2{font-size:clamp(2rem,5vw,3.2rem);color:var(--cream)} .quiz-cta .quiz-sub{color:var(--yellow);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;margin:10px 0 24px} .quiz-cta .quiz-note{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--text-dim);margin-top:16px;text-transform:uppercase;letter-spacing:1px} /* ============ MERCH ============ */ .merch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .merch-card{background:var(--bg-panel);border:1px solid var(--border);text-align:center;overflow:hidden;transition:.3s;position:relative} .merch-card:hover{border-color:var(--yellow);transform:translateY(-4px)} .merch-card .m-img{height:220px;overflow:hidden;background:#111} .merch-card .m-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2)} .merch-card .m-body{padding:16px} .merch-card .m-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--cream);letter-spacing:1px} .merch-card .m-type{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1px;margin-top:4px} .merch-card .m-soon{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;font-family:'Space Mono',monospace;font-size:.55rem;padding:4px 10px;letter-spacing:1px;text-transform:uppercase;transform:rotate(-6deg)} /* ============ SOCIAL ============ */ .social-grid{display:flex;justify-content:center;gap:18px;flex-wrap:wrap} .social-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid var(--border);padding:22px 28px;min-width:150px;transition:.25s} .social-card:hover{border-color:var(--yellow);transform:translateY(-4px);background:var(--bg-panel-2)} .social-card i{font-size:2rem;color:var(--yellow)} .social-card .s-handle{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--cream)} .social-card .s-platform{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px} /* ============ WATCHTOWER ============ */ .watchtower{background:var(--bg-darkest);border-top:1px solid var(--yellow);border-bottom:1px solid var(--yellow);text-align:center;padding:50px 20px} .watchtower h2{font-size:clamp(2rem,5vw,3.2rem);color:var(--yellow);letter-spacing:4px} .watchtower .wt-sub{color:var(--text);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:1px;font-size:.78rem;margin:12px 0 24px;max-width:640px;margin-left:auto;margin-right:auto} .subscribe-form{display:flex;gap:0;max-width:500px;margin:0 auto;flex-wrap:wrap} .subscribe-form input{flex:1;min-width:220px;background:#0a0a0a;border:1px solid var(--yellow);color:var(--text);padding:14px 16px;font-family:'Space Mono',monospace;font-size:.8rem} .subscribe-form input:focus{outline:none} .subscribe-form button{background:var(--yellow);border:1px solid var(--yellow);color:#0d0d0d;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:14px 26px;cursor:pointer;font-size:.8rem;transition:.2s} .subscribe-form button:hover{background:var(--yellow-dk)} /* ============ FOOTER ============ */ .footer{background:#000;border-top:2px solid var(--red-deep);padding:50px 20px 20px;text-align:center} .footer-logo{height:54px;margin:0 auto 16px;filter:drop-shadow(0 0 8px rgba(255,215,0,.25))} .footer h3{font-size:1.8rem;color:var(--cream);letter-spacing:3px} .footer .fp{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:8px 0 18px} .footer .fp-contact{color:var(--yellow);font-size:.9rem;letter-spacing:2px;margin:6px 0} .footer .fp-contact a{color:var(--yellow)} .footer-social{display:flex;justify-content:center;gap:14px;margin:20px 0} .footer-social a{width:42px;height:42px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:.2s} .footer-social a:hover{border-color:var(--yellow);color:var(--yellow)} .footer .copyright{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--text-dim);margin-top:24px;text-transform:uppercase;letter-spacing:1px} .footer .surveillance{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--red);letter-spacing:3px;margin-top:14px;text-transform:uppercase} /* ============ RESPONSIVE ============ */ @media(max-width:1000px){ .poi-grid{grid-template-columns:repeat(2,1fr)} .blog-grid{grid-template-columns:repeat(2,1fr)} .zones-grid{grid-template-columns:repeat(2,1fr)} .numbers-grid{grid-template-columns:repeat(2,1fr)} .tier-grid{grid-template-columns:repeat(2,1fr)} .sponsor-grid{grid-template-columns:repeat(2,1fr)} .merch-grid{grid-template-columns:repeat(2,1fr)} .producer-wrap{grid-template-columns:1fr} .investor-grid{grid-template-columns:1fr} .venue-grid{grid-template-columns:1fr} .contact-grid{grid-template-columns:1fr} } @media(max-width:720px){ .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-darkest);border-top:1px solid var(--border);padding:10px;gap:6px} .nav.open{display:flex} .nav a{width:100%;text-align:center} .burger{display:block} .topbar-details{order:3;width:100%} .poi-grid{grid-template-columns:1fr} .blog-grid{grid-template-columns:1fr} .zones-grid{grid-template-columns:1fr} .numbers-grid{grid-template-columns:1fr} .tier-grid{grid-template-columns:1fr} .sponsor-grid{grid-template-columns:1fr} .booth-types{grid-template-columns:1fr 1fr} .merch-grid{grid-template-columns:1fr 1fr} .form-grid{grid-template-columns:1fr} .investor-stats{grid-template-columns:1fr 1fr} .stat{min-width:100%;border-right:none;border-bottom:1px solid var(--border)} .floorplan{font-size:.45rem} .cd-box{min-width:64px;padding:10px} } /* ============ INTERVIEW THUMBNAILS ============ */ .interviews{margin-top:24px;border-top:1px dashed var(--border);padding-top:18px} .iv-head{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--yellow);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;display:flex;align-items:center;gap:8px} .iv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .iv-card{position:relative;border:1px solid var(--border);overflow:hidden;transition:.25s;display:block;background:#111} .iv-card:hover{border-color:var(--yellow);transform:translateY(-3px)} .iv-card img{width:100%;height:120px;object-fit:cover;filter:grayscale(.45) contrast(1.1);transition:.3s;display:block} .iv-card:hover img{filter:grayscale(0) contrast(1.05)} .iv-card .iv-ovl{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9));display:flex;flex-direction:column;justify-content:flex-end;padding:10px} .iv-card .iv-ivlbl{font-family:'Space Mono',monospace;font-size:.56rem;color:var(--yellow);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:5px} .iv-card .iv-ivttl{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;color:var(--cream);letter-spacing:1px;line-height:1;margin-top:3px} .iv-note{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:12px;text-align:center} @media(max-width:720px){.iv-grid{grid-template-columns:1fr}} /* ============ PROJECT INVESTIGATION PREVIEW ============ */ :root{ --ink:#070808;--charcoal:#101213;--panel:#17191a;--panel2:#202223; --paper:#e7dcc5;--evidence:#e0ac24;--alert:#b8221c;--steel:#98a0a5; } html,body{max-width:100%;overflow-x:hidden} body{background: radial-gradient(circle at 10% 8%,rgba(184,34,28,.12),transparent 22%), radial-gradient(circle at 92% 14%,rgba(24,80,120,.13),transparent 26%), repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),#080909} body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.18;background-image:url("/assets/noise.svg")} .topbar{background:rgba(6,7,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,172,36,.38)} .experience-nav{max-width:1480px;padding:12px 28px}.experience-nav .brand-name{font-size:1.6rem}.experience-nav .brand-name small{color:#c7b88e;letter-spacing:1.4px;margin-top:4px}.nav-dot{color:var(--evidence);margin:0 9px}.nav a{border-color:transparent;padding:9px 10px}.nav a:hover{border-color:rgba(224,172,36,.45);background:rgba(224,172,36,.06)} .ticker-wrap{border-color:#242424;max-width:100vw}.ticker{padding-top:8px;padding-bottom:8px;color:#d8c07c} .stats-bar{background:#0c0d0e;border-top:1px solid #242526}.stat{padding:20px}.stat-num{color:var(--evidence);font-size:2.2rem}.phone-banner{padding:0}.phone-banner .tape{overflow:hidden;background:linear-gradient(90deg,#d09b13,#f2cf58,#d09b13);padding:10px}.phone-banner .phone-num{font-size:1.7rem;display:inline}.phone-banner .phone-sub{display:inline;margin-left:16px} .experience-hero{min-height:820px;text-align:left;background:#070808;align-items:stretch;border-bottom:1px solid #252525} .hero-crime-lights{position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,rgba(180,22,22,.26),transparent 23%),radial-gradient(circle at 86% 24%,rgba(20,90,155,.25),transparent 25%),linear-gradient(90deg,#070808 0%,rgba(7,8,8,.95) 43%,rgba(7,8,8,.45) 70%,#070808 100%);z-index:1} .experience-hero:after{content:'CRIME SCENE DO NOT CROSS • CRIME SCENE DO NOT CROSS •';position:absolute;left:-4%;right:-4%;bottom:42px;background:#d6a721;color:#0b0b0b;font-family:'Space Mono',monospace;font-weight:700;letter-spacing:3px;padding:8px;text-align:center;transform:rotate(-1.2deg);z-index:4;box-shadow:0 6px 20px #000} .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center;width:100%;padding:80px 28px 110px} .hero-copy{max-width:740px}.case-status{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(184,34,28,.65);background:rgba(184,34,28,.08);padding:7px 12px;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:2px;color:#efb3ad;margin-bottom:18px}.case-status span{width:8px;height:8px;background:#d72820;border-radius:50%;box-shadow:0 0 14px #d72820;animation:pulse 1.7s infinite}@keyframes pulse{50%{opacity:.35}} .hero-kicker{font-family:'Space Mono',monospace;color:#d7b646;letter-spacing:4px;font-size:.72rem;margin-bottom:16px}.experience-hero h1{font-size:clamp(4rem,7vw,7.4rem);line-height:.88;letter-spacing:2px;margin:0;color:#eee7db;text-shadow:0 15px 45px #000}.experience-hero h1 span{color:#c5322b;display:block}.hero-lead{font-size:1.22rem;line-height:1.65;color:#c6c0b7;max-width:690px;margin:25px 0 18px;border-left:3px solid var(--evidence);padding-left:18px}.experience-meta{font-size:.75rem;color:#999;letter-spacing:1.6px;margin:0 0 28px}.experience-meta span{color:var(--evidence);margin:0 8px}.hero-cta{justify-content:flex-start}.btn{border-radius:2px}.btn-primary{background:#b9221b;border-color:#b9221b}.btn-primary:hover{background:#d33128}.btn-ghost{border-color:#cfaa41;color:#e8c961}.credential-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:.85rem;color:#9f9a90;max-width:620px}.credential-note i{color:#d7b646;margin-top:5px}.credential-note strong{color:#ddd5c6} .hero-art-wrap{position:relative;height:650px;display:flex;align-items:center;justify-content:center}.hero-art{height:100%;width:auto;max-width:100%;object-fit:cover;object-position:top;border:1px solid rgba(224,172,36,.35);box-shadow:0 30px 90px rgba(0,0,0,.8);filter:saturate(.87) contrast(1.06)}.hero-art-wrap:before{content:'';position:absolute;inset:26px -18px -20px 22px;border:1px solid rgba(224,172,36,.18);z-index:-1}.evidence-tag{position:absolute;background:#d4a726;color:#111;padding:7px 10px;font-family:'Space Mono',monospace;font-weight:700;font-size:.6rem;letter-spacing:1px;box-shadow:0 6px 15px #000}.tag-one{left:-22px;bottom:95px;transform:rotate(-4deg)}.tag-two{right:-18px;top:50px;transform:rotate(5deg);background:#e4dfd1;border:2px solid #a9221d;color:#a9221d}.scroll-cue{position:absolute;z-index:5;bottom:8px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:#171717;font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:1.5px;font-weight:700} .section{padding:92px 24px}.section-label{text-align:center;font-family:'Space Mono',monospace;color:#c7a243;font-size:.66rem;letter-spacing:4px;margin-bottom:14px}.experience-deck{max-width:850px;margin:0 auto 48px;text-align:center;font-size:1.1rem;color:#aaa49a;line-height:1.75}.section-title{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:3px}.left-title{text-align:left;margin-bottom:24px} .experience-intro{background:linear-gradient(180deg,#0c0e0f,#121415);border-bottom:1px solid #2b2d2e}.experience-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.experience-steps article{position:relative;background:linear-gradient(180deg,#191b1c,#111314);border:1px solid #303234;padding:30px 24px 26px;min-height:250px;overflow:hidden;transition:.25s}.experience-steps article:hover{transform:translateY(-5px);border-color:rgba(224,172,36,.7)}.experience-steps article:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--evidence)}.experience-steps i{font-size:2rem;color:#d7b646;margin:28px 0 20px}.experience-steps h3{font-size:1.65rem;color:#eee4d1}.experience-steps p{color:#9f9b94;font-size:.92rem}.step-no{position:absolute;right:14px;top:8px;font-family:'Bebas Neue';font-size:3.4rem;color:rgba(255,255,255,.055)}.experience-quote{max-width:930px;margin:52px auto 0;display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:28px;border-top:1px solid #303030;border-bottom:1px solid #303030;text-align:center}.experience-quote>span{font-family:Georgia;font-size:5rem;line-height:.7;color:#a9221d}.experience-quote p{font-family:'Bebas Neue';font-size:clamp(2rem,4vw,3.4rem);letter-spacing:2px;color:#dcd5c9;line-height:1.1}.experience-quote strong{color:#d2a83b;font-weight:400} .investigation-section{background:#090a0b}.case-timeline{min-width:0;display:grid;grid-template-columns:1fr 62px 1fr 62px 1fr;align-items:stretch}.case-day{min-width:0;background:#151718;border:1px solid #303234;padding:25px;position:relative;min-height:390px}.case-day:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px)}.day-top{position:relative;display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:2px;color:#aaa}.day-top b{color:#c9a13a}.day-icon{width:66px;height:66px;display:grid;place-items:center;border:1px solid #444;border-radius:50%;font-size:1.7rem;margin:32px 0 20px;color:#d5ab3d;background:#0c0d0e;position:relative}.case-day h3{font-size:2.8rem;color:#ece4d6;position:relative}.case-day p{color:#aaa49a;position:relative;line-height:1.7}.case-stamp{position:absolute;bottom:20px;right:18px;border:3px solid #a62a25;color:#bc3932;font-family:'Bebas Neue';letter-spacing:2px;padding:4px 9px;transform:rotate(-6deg)}.day-two{border-color:rgba(224,172,36,.55);transform:translateY(-12px);box-shadow:0 24px 50px rgba(0,0,0,.35)}.day-three .day-icon{color:#bf342d}.timeline-connector{display:flex;align-items:center;justify-content:center}.timeline-connector span{width:100%;height:1px;background:linear-gradient(90deg,#4d4330,#d1a738,#4d4330);position:relative}.timeline-connector span:after{content:'•';position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);color:#d1a738;font-size:1.8rem}.weekend-cta{margin-top:36px;border:1px solid rgba(224,172,36,.45);background:linear-gradient(90deg,rgba(224,172,36,.08),rgba(184,34,28,.06));padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.weekend-cta strong{display:block;font-family:'Bebas Neue';font-size:1.65rem;letter-spacing:2px;color:#e7ddc9}.weekend-cta span{display:block;color:#9e988d;font-size:.9rem;margin-top:4px} .casefile-section{background:linear-gradient(135deg,#111314,#080909)}.casefile-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.casefile-copy p{font-size:1.08rem;color:#aba59b;line-height:1.75}.casefile-list{margin:28px 0 34px;display:grid;gap:15px}.casefile-list li{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #282a2b;padding-bottom:14px;color:#aaa49a}.casefile-list i{color:#d1a638;width:23px;margin-top:5px}.casefile-list strong{color:#e4dccd}.casefile-art{position:relative;min-height:560px}.folder-stack{position:absolute;width:70%;height:78%;left:13%;top:10%;background:#c8a76e;border:1px solid #8c744b;box-shadow:0 28px 70px rgba(0,0,0,.55);transform:rotate(-4deg)}.back-folder{left:17%;top:6%;transform:rotate(5deg);background:#a98b5c}.main-folder{padding:60px 34px 30px;color:#2b2216;background:linear-gradient(135deg,#d5b97e,#b8945f);overflow:hidden}.main-folder:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(60,38,14,.05) 0 1px,transparent 1px 5px)}.folder-tab{position:absolute;top:0;left:0;background:#b08d56;padding:11px 22px;font-family:'Space Mono';font-size:.65rem;letter-spacing:2px}.folder-stamp{position:absolute;right:22px;top:25px;border:3px solid #8d1713;color:#8d1713;padding:4px 10px;font-family:'Bebas Neue';font-size:1.3rem;letter-spacing:2px;transform:rotate(7deg)}.main-folder img{width:170px;margin:24px auto 18px;filter:sepia(1) contrast(1.2)}.main-folder h3{text-align:center;font-size:2.35rem;letter-spacing:2px}.main-folder p{text-align:center;font-family:'Space Mono';font-size:.63rem;letter-spacing:2px}.case-lines{display:grid;gap:13px;margin:30px 0}.case-lines span{height:1px;background:#806640}.fingerprint{text-align:right;font-size:4rem;color:rgba(65,45,22,.45)}.clue-card,.role-card{position:absolute;box-shadow:0 15px 40px rgba(0,0,0,.55)}.clue-card{left:1%;bottom:4%;width:190px;background:#d7ccb5;color:#27231d;padding:18px;transform:rotate(7deg);font-family:'Space Mono';border:1px solid #8f8673}.clue-card b,.clue-card span{display:block}.clue-card i{font-size:2.8rem;color:#a3231e;margin:18px 0}.clue-card span{font-size:.6rem;letter-spacing:1px}.role-card{right:0;bottom:1%;background:#111;color:#eee;padding:20px;width:185px;border:1px solid #d0a63a;transform:rotate(-5deg)}.role-card small,.role-card span{font-family:'Space Mono';font-size:.57rem;letter-spacing:1.5px;display:block}.role-card strong{font-family:'Bebas Neue';font-size:2rem;color:#d0a63a;letter-spacing:2px;margin:9px 0;display:block} .headquarters-section{background:#101213;border-top:1px solid #282a2b}.hq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hq-grid a{background:#17191a;border:1px solid #303234;color:#e6ded0;padding:28px 22px;display:grid;grid-template-columns:48px 1fr;column-gap:15px;transition:.25s}.hq-grid a:hover{transform:translateY(-4px);border-color:#caa23a;background:#1b1d1e}.hq-grid i{font-size:1.6rem;color:#caa23a;grid-row:1/3}.hq-grid span{font-family:'Bebas Neue';font-size:1.55rem;letter-spacing:2px}.hq-grid small{color:#8f8b84;font-size:.78rem} .legacy-upgraded{background:linear-gradient(180deg,#090a0b,#121314)}.role-mode-note{margin:-18px auto 40px;max-width:840px;text-align:center;border:1px solid rgba(224,172,36,.4);padding:14px;background:rgba(224,172,36,.045)}.role-mode-note span,.role-mode-note small{display:block;font-family:'Space Mono';font-size:.6rem;letter-spacing:2px;color:#9c978f}.role-mode-note b{display:block;color:#d6b04a;letter-spacing:1px;margin:5px}.poi-card{background:#151718;border-color:#333}.poi-card .mug{height:320px}.poi-card:hover{box-shadow:0 22px 55px rgba(0,0,0,.55)} .credentials-upgraded{background:radial-gradient(circle at 50% 10%,rgba(184,34,28,.11),transparent 35%),#090a0b}.tier-card{background:#151718}.tier-card.featured{box-shadow:0 0 0 1px rgba(184,34,28,.35),0 25px 50px rgba(0,0,0,.4)} .partners-upgraded,.dead-air-upgraded,.contact-upgraded{position:relative}.partners-upgraded:before,.dead-air-upgraded:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(224,172,36,.025),transparent 40%,rgba(184,34,28,.025));pointer-events:none} .form-section{background:#111314;border-color:#343637}.form-head{background:#191b1c}.field input,.field select,.field textarea{background:#090a0b} @media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:none}.hero-art-wrap{height:620px}.hero-art{width:min(100%,520px)}.case-timeline{grid-template-columns:1fr;gap:16px}.timeline-connector{display:none}.day-two{transform:none}.experience-steps{grid-template-columns:repeat(2,1fr)}.casefile-grid{grid-template-columns:1fr}.casefile-art{max-width:660px;width:100%;margin:0 auto}.hq-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.tier-grid,.sponsor-grid,.blog-grid,.zones-grid,.numbers-grid,.form-grid{grid-template-columns:1fr!important}.tier-card,.sponsor-card{min-width:0}.ticker-wrap{width:100%;overflow:hidden}.ticker{font-size:.58rem;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding-left:0;animation:none;text-align:center}.case-day{width:100%}.phone-banner .tape{padding-left:10px;padding-right:10px}.experience-nav{padding:10px 14px}.topbar-details{display:none}.experience-hero{min-height:auto}.hero-grid{padding:65px 18px 112px}.experience-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-lead{font-size:1rem}.hero-art-wrap{height:520px}.tag-one{left:0}.tag-two{right:0}.experience-hero:after{font-size:.55rem;bottom:45px}.section{padding:70px 16px}.experience-steps,.hq-grid{grid-template-columns:1fr}.case-day{min-height:330px}.weekend-cta{align-items:stretch;flex-direction:column}.weekend-cta .btn{width:100%}.casefile-art{min-height:480px}.folder-stack{width:78%;left:10%}.main-folder{padding:58px 22px 20px}.clue-card{width:150px}.role-card{width:150px}.phone-banner .phone-sub{display:block;margin:3px 0 0}.phone-banner .phone-num{font-size:1.35rem}.stats-bar{display:grid;grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.role-mode-note{margin-top:0}.poi-grid{grid-template-columns:1fr 1fr}.poi-card .mug{height:245px}} @media(max-width:480px){.poi-grid{grid-template-columns:1fr}.hero-art-wrap{height:440px}.experience-steps article{min-height:auto}.casefile-art{min-height:430px}.folder-stack{height:72%}.clue-card{bottom:0}.role-card{bottom:-10px}.stats-bar{grid-template-columns:1fr}.stat:last-child{grid-column:auto}} .reveal-item{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal-item.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}} /* ===== COMPLETE ROLE-GATEWAY PREVIEW ===== */ html{scroll-padding-top:92px} .experience-nav .nav{gap:16px;flex-wrap:wrap;justify-content:flex-end} .experience-nav .nav a{font-size:12px;letter-spacing:.08em} .audience-gateway{position:relative;padding-top:88px!important;padding-bottom:76px!important;background:radial-gradient(circle at 50% 0,rgba(216,38,38,.15),transparent 38%),linear-gradient(180deg,#090909 0%,#111 100%);overflow:hidden} .audience-gateway:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.018) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.014) 35px);pointer-events:none} .gateway-shell{position:relative;z-index:1;width:min(1380px,94%);margin:auto} .gateway-kicker{display:flex;align-items:center;gap:14px;justify-content:center;color:#b9b9b9;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px} .gateway-kicker span{background:#d9a514;color:#111;padding:7px 10px;font-weight:900;transform:rotate(-1deg)} .audience-gateway h2{text-align:center;font-size:clamp(42px,6vw,82px);line-height:.92;margin:0;color:#fff;text-transform:uppercase;letter-spacing:-.035em;text-shadow:0 4px 0 #000} .gateway-lede{max-width:820px;margin:22px auto 42px;text-align:center;color:#c8c8c8;font-size:17px;line-height:1.7} .audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .audience-card{position:relative;min-height:510px;padding:27px 24px 24px;background:linear-gradient(160deg,rgba(33,33,33,.98),rgba(12,12,12,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,border-color .25s ease} .audience-card:hover{transform:translateY(-7px);border-color:#d9a514} .audience-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#d9a514} .audience-sponsor:before{background:#b51f24}.audience-podcaster:before{background:#3278b7}.audience-vendor:before{background:#d97e18} .audience-number{position:absolute;right:15px;top:10px;color:rgba(255,255,255,.08);font-size:72px;font-weight:900;line-height:1} .audience-icon{width:54px;height:54px;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;color:#d9a514;font-size:23px;margin-bottom:26px;background:rgba(0,0,0,.28)} .audience-label{font-size:11px;letter-spacing:.24em;color:#929292;font-weight:800}.audience-card h3{font-size:40px;color:#fff;margin:4px 0 16px;text-transform:uppercase}.audience-card p{color:#c7c7c7;line-height:1.65;margin:0 0 18px;min-height:104px}.audience-card ul{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid rgba(255,255,255,.1)}.audience-card li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:#eee}.audience-card li:before{content:"✓";color:#d9a514;font-weight:900;margin-right:9px}.audience-actions{margin-top:auto;display:grid;gap:9px}.audience-actions a{display:flex;min-height:46px;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:12px;text-decoration:none}.gateway-primary{background:#d9a514;color:#111}.gateway-secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent}.gateway-primary:hover{filter:brightness(1.1)}.gateway-secondary:hover{border-color:#d9a514;color:#d9a514} .complete-directory{margin-top:30px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.42);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.complete-directory span,.complete-directory a{padding:14px 15px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.complete-directory span{background:#b51f24;color:#fff;font-weight:900}.complete-directory a{color:#ddd;text-decoration:none;border-right:1px solid rgba(255,255,255,.1)}.complete-directory a:hover{color:#d9a514;background:rgba(255,255,255,.04)} .route-label{width:min(1320px,94%);margin:0 auto 24px;padding:12px 16px;border-left:5px solid #d9a514;background:linear-gradient(90deg,rgba(217,165,20,.14),transparent 62%);display:flex;gap:15px;align-items:baseline;text-transform:uppercase}.route-label span{font-size:10px;letter-spacing:.2em;color:#d9a514;font-weight:900}.route-label strong{font-size:14px;letter-spacing:.08em;color:#fff} #floorplan,#sponsor,#podcasters,#producer,#visitation,#contact{scroll-margin-top:92px} @media(max-width:1150px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-card{min-height:460px}.experience-nav .nav a{font-size:10px}} @media(max-width:760px){.audience-gateway{padding-top:60px!important}.gateway-kicker{flex-direction:column;text-align:center}.gateway-lede{font-size:15px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:auto}.audience-card p{min-height:0}.complete-directory{display:grid;grid-template-columns:1fr 1fr}.complete-directory span{grid-column:1/-1;text-align:center}.complete-directory a{text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.route-label{align-items:flex-start;flex-direction:column;gap:5px}.experience-nav .nav{max-height:calc(100vh - 80px);overflow:auto}} /* ============ VERDICT BRAND + AUDIENCE ROUTING ============ */ .hero-brand-lockup{display:flex;align-items:center;gap:14px;margin:0 0 20px;justify-content:flex-start} .hero-brand-lockup img{width:118px;max-height:82px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.65))} .hero-brand-copy{border-left:3px solid var(--yellow);padding-left:13px;text-align:left} .hero-brand-copy strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.45rem;letter-spacing:4px;color:var(--cream);line-height:1} .hero-brand-copy span{display:block;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:2px;color:var(--yellow);margin-top:7px;text-transform:uppercase} .audience-route{position:sticky;top:63px;z-index:998;background:rgba(10,10,10,.97);border-top:1px solid rgba(255,215,0,.22);border-bottom:2px solid var(--yellow);box-shadow:0 8px 22px rgba(0,0,0,.45)} .audience-route[hidden]{display:none} .audience-route-inner{max-width:1400px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:13px;flex-wrap:wrap} .audience-route img{height:28px;width:auto} .route-identity{display:flex;align-items:baseline;gap:8px;white-space:nowrap} .route-identity span{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;color:var(--text-dim)} .route-identity strong{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:2px;color:var(--yellow)} .audience-route-links{display:flex;align-items:center;gap:5px;flex:1;flex-wrap:wrap} .audience-route-links a{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--text);border:1px solid var(--border);padding:5px 9px} .audience-route-links a:hover{border-color:var(--yellow);color:var(--yellow)} .route-reset{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:1px;text-transform:uppercase;background:transparent;border:0;color:var(--text-dim);cursor:pointer;padding:5px 0} .route-reset:hover{color:var(--cream)} .gateway-brand-lock{display:flex;justify-content:center;align-items:center;gap:15px;margin:0 auto 20px} .gateway-brand-lock img{height:62px;width:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))} .gateway-brand-lock div{text-align:left;border-left:2px solid var(--yellow);padding-left:13px} .gateway-brand-lock b{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.35rem;letter-spacing:4px;color:#fff;line-height:1} .gateway-brand-lock small{display:block;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;color:var(--yellow);margin-top:7px;text-transform:uppercase} .audience-brand{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin:0 0 4px;font-weight:700} .verdict-brand-ribbon{position:relative;overflow:hidden;background:#050505;border-top:1px solid rgba(255,215,0,.2);border-bottom:1px solid rgba(255,215,0,.2);padding:17px 20px;text-align:center} .verdict-brand-ribbon::before{content:'VERDICT';position:absolute;inset:auto 0 -32px;font-family:'Bebas Neue',sans-serif;font-size:8rem;letter-spacing:18px;color:rgba(255,255,255,.025);white-space:nowrap} .verdict-brand-ribbon strong{position:relative;font-family:'Bebas Neue',sans-serif;font-size:clamp(1.2rem,2.8vw,2rem);letter-spacing:4px;color:var(--cream)} .verdict-brand-ribbon span{position:relative;color:var(--yellow);margin:0 12px} .route-label::after{content:'VERDICT';margin-left:auto;font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:4px;color:rgba(255,255,255,.28)} #experience::after,#floorplan::after,#sponsor::after,#podcasters::after,#producer::after,#credentials::after{content:'VERDICT';position:absolute;right:16px;bottom:4px;font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,10vw,10rem);letter-spacing:8px;color:rgba(255,255,255,.018);pointer-events:none;z-index:0} #experience>.container,#floorplan>.container,#sponsor>.container,#podcasters>.container,#producer>.container,#credentials>.container{position:relative;z-index:1} .audience-selected{outline:2px solid var(--yellow);outline-offset:-2px;box-shadow:0 0 0 5px rgba(255,215,0,.08),0 18px 40px rgba(0,0,0,.45)} .brand-signature{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:28px auto 0;padding:14px 18px;border:1px solid rgba(255,215,0,.25);max-width:900px;background:rgba(255,215,0,.035)} .brand-signature img{height:38px;width:auto} .brand-signature span{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)} .brand-signature strong{color:var(--yellow)} @media(max-width:900px){.audience-route{top:61px}.hero-brand-lockup{justify-content:center}.hero-brand-copy{text-align:left}.route-label::after{display:none}} @media(max-width:700px){.hero-brand-lockup{flex-direction:column}.hero-brand-copy{border-left:0;border-top:2px solid var(--yellow);padding:10px 0 0;text-align:center}.audience-route-inner{justify-content:center}.audience-route-links{justify-content:center;flex-basis:100%}.gateway-brand-lock{flex-direction:column}.gateway-brand-lock div{border-left:0;border-top:2px solid var(--yellow);padding:9px 0 0;text-align:center}.verdict-brand-ribbon strong{display:block}.verdict-brand-ribbon span{display:none}} .partner-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 28px} .partner-path{background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(0,0,0,.18));border:1px solid var(--border);border-top:4px solid var(--yellow);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start} .partner-path.sponsor-path{border-top-color:var(--red)} .partner-path i{font-size:1.6rem;color:var(--yellow);margin-top:3px}.partner-path.sponsor-path i{color:#e13a3a} .partner-path h3{font-size:1.7rem;color:var(--cream);letter-spacing:2px;margin-bottom:6px} .partner-path p{font-size:.9rem;color:var(--text-dim);margin-bottom:10px} .partner-path a{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:1px;text-transform:uppercase} @media(max-width:760px){.partner-split{grid-template-columns:1fr}} /* ================================================================ VERDICT WORLD EXPERIENCE — IMMERSIVE FULL-SITE ART DIRECTION ================================================================ */ :root{ --vx-gold:#e8bd42; --vx-gold-soft:#ffe08a; --vx-red:#d22923; --vx-red-deep:#6f0d0d; --vx-blue:#2b63ba; --vx-ink:#040506; --vx-paper:#e4d6b9; --vx-glass:rgba(9,11,13,.72); --vx-line:rgba(232,189,66,.28); --mx:50%; --my:50%; } html{scroll-padding-top:86px;background:#030405} body{background:#030405;color:#f1eadf;isolation:isolate} body::before{ content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.52; background: radial-gradient(circle 280px at var(--mx) var(--my),rgba(230,192,80,.07),transparent 72%), linear-gradient(90deg,rgba(21,68,165,.07),transparent 26%,transparent 74%,rgba(190,16,20,.08)), repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.013) 3px 4px); mix-blend-mode:screen; } body::after{ content:"";position:fixed;inset:0;z-index:9996;pointer-events:none; box-shadow:inset 0 0 180px rgba(0,0,0,.92),inset 0 0 35px rgba(0,0,0,.8); } #worldFog{position:fixed;inset:-20%;z-index:9995;pointer-events:none;opacity:.21;filter:blur(45px); background:radial-gradient(ellipse at 20% 40%,rgba(41,95,205,.28),transparent 32%),radial-gradient(ellipse at 82% 58%,rgba(204,27,27,.24),transparent 32%); animation:vxFog 14s ease-in-out infinite alternate} @keyframes vxFog{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.08)}} #caseProgress{position:fixed;z-index:10020;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--vx-red),var(--vx-gold-soft),var(--vx-red));box-shadow:0 0 16px var(--vx-gold);transition:width .08s linear} #caseHud{position:fixed;right:15px;bottom:16px;z-index:9000;display:flex;align-items:center;gap:10px;background:rgba(4,5,6,.84);border:1px solid var(--vx-line);padding:9px 12px;backdrop-filter:blur(12px);font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1.7px;color:#c8b990;text-transform:uppercase;box-shadow:0 18px 50px #000} #caseHud b{color:#fff;font-size:.67rem}#caseHud .hud-dot{width:7px;height:7px;border-radius:50%;background:#db2c25;box-shadow:0 0 14px #e12b25;animation:pulse 1.3s infinite} #brandRail{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:8500;width:54px;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none} #brandRail img{width:44px;filter:drop-shadow(0 8px 16px #000)}#brandRail .rail-line{height:110px;width:1px;background:linear-gradient(transparent,var(--vx-gold),transparent)}#brandRail span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Space Mono',monospace;font-size:.48rem;letter-spacing:2.6px;color:#b89a46;text-transform:uppercase} /* global section worlds */ .section,.awards-wrap,.watchtower{position:relative;overflow:hidden;isolation:isolate} .section>.container,.awards-wrap>.container,.watchtower>*{position:relative;z-index:4} .section::before,.awards-wrap::before,.watchtower::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#070809,#0a0b0c)} .section::after,.awards-wrap::after,.watchtower::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background: linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.28) 44%,rgba(0,0,0,.55)), radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(0,0,0,.78) 100%), repeating-linear-gradient(90deg,transparent 0 120px,rgba(232,189,66,.018) 120px 121px)} .section:nth-of-type(even)::after{background: linear-gradient(270deg,rgba(0,0,0,.86),rgba(0,0,0,.34) 48%,rgba(0,0,0,.66)), radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(0,0,0,.8) 100%), repeating-linear-gradient(90deg,transparent 0 120px,rgba(232,189,66,.018) 120px 121px)} .scene-masthead{position:absolute;top:28px;left:28px;z-index:6;display:flex;align-items:center;gap:11px;opacity:.78;pointer-events:none} .scene-masthead img{width:52px;max-height:40px;object-fit:contain}.scene-masthead small{display:block;font-family:'Space Mono',monospace;font-size:.49rem;letter-spacing:2px;color:#cda83f}.scene-masthead strong{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:1rem;letter-spacing:2px;color:#f2e9dc;font-weight:400} .scene-masthead::after{content:"";height:1px;width:88px;background:linear-gradient(90deg,var(--vx-gold),transparent)} .section-title{position:relative;text-shadow:0 14px 38px #000;font-size:clamp(3.4rem,7vw,6.8rem);letter-spacing:.055em} .section-title::after{content:"VERDICT";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:-1;font-size:1.8em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);letter-spacing:.18em;white-space:nowrap} .section-sub,.section-label{position:relative}.section-sub::before{content:"◆";color:var(--vx-red);margin-right:12px}.section-sub::after{content:"◆";color:var(--vx-red);margin-left:12px} .route-label{position:relative;z-index:7;border-top:1px solid rgba(232,189,66,.2);border-bottom:1px solid rgba(232,189,66,.2);background:linear-gradient(90deg,transparent,rgba(4,5,6,.88) 12% 88%,transparent);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.45)} .verdict-brand-ribbon{position:relative;z-index:10;box-shadow:0 16px 45px #000;transform:rotate(-.25deg) scale(1.01)} /* header/nav becomes the command bar */ .topbar{background:rgba(3,4,5,.88)!important;border-bottom:1px solid rgba(232,189,66,.34)!important;box-shadow:0 20px 70px rgba(0,0,0,.55)} .experience-nav{min-height:77px}.brand img{height:52px!important}.brand-name{font-size:2rem!important;color:#fff!important;text-shadow:0 0 20px rgba(232,189,66,.15)} .nav a{position:relative;overflow:hidden}.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:var(--vx-gold);transform:scaleX(0);transition:.25s}.nav a:hover::after{transform:scaleX(1)} .ticker-wrap{background:#020303!important}.ticker{animation-duration:46s}.stats-bar{position:relative;z-index:5;background:rgba(7,8,9,.92)!important}.stat{position:relative}.stat::after{content:"";position:absolute;right:0;top:24%;height:52%;width:1px;background:linear-gradient(transparent,var(--vx-line),transparent)} .phone-banner{position:relative;z-index:6}.phone-banner .tape{box-shadow:0 10px 38px rgba(0,0,0,.6);transform:rotate(.2deg) scale(1.004)} /* HERO — the first portal */ .experience-hero{min-height:calc(100vh - 74px)!important;background:#020303!important;perspective:1300px} .experience-hero::before{content:"";position:absolute;inset:0;z-index:0;background:var(--img-world) center 18%/cover no-repeat;filter:saturate(.82) contrast(1.18) brightness(.44);transform:scale(1.04);animation:vxHeroBreath 14s ease-in-out infinite alternate} .experience-hero::after{bottom:32px!important;box-shadow:0 14px 45px #000!important} @keyframes vxHeroBreath{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1%,.7%,0)}} .hero-crime-lights{z-index:1!important;background: radial-gradient(circle at 8% 23%,rgba(20,74,210,.38),transparent 22%), radial-gradient(circle at 91% 19%,rgba(220,20,25,.38),transparent 24%), linear-gradient(90deg,rgba(1,2,3,.96) 0%,rgba(1,2,3,.89) 38%,rgba(1,2,3,.28) 72%,rgba(1,2,3,.7) 100%)!important;animation:vxLights 8s ease-in-out infinite alternate} @keyframes vxLights{0%{filter:hue-rotate(0deg);opacity:.9}50%{opacity:1}100%{filter:hue-rotate(18deg);opacity:.84}} .hero-grid{z-index:3!important;min-height:calc(100vh - 74px);padding-top:86px!important;padding-bottom:126px!important} .hero-copy{position:relative;padding:36px 34px 42px;background:linear-gradient(110deg,rgba(4,5,6,.9),rgba(4,5,6,.54) 74%,transparent);border-left:1px solid rgba(232,189,66,.38);backdrop-filter:blur(8px);box-shadow:-30px 30px 90px rgba(0,0,0,.5)} .hero-copy::before{content:"CASE 27-0806";position:absolute;right:20px;top:16px;font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:2.4px;color:#a99253} .hero-brand-lockup img{filter:drop-shadow(0 14px 18px #000)} .experience-hero h1{font-size:clamp(4.4rem,8vw,8.5rem)!important;mix-blend-mode:normal}.experience-hero h1 span{background:linear-gradient(90deg,#e13b32,#9b1414);-webkit-background-clip:text;color:transparent!important;text-shadow:none} .hero-art-wrap{height:700px!important;transform:rotateY(-6deg) rotateX(1deg);transition:transform .3s ease}.hero-art-wrap:hover{transform:rotateY(-1deg) rotateX(0deg) translateY(-8px)} .hero-art{border:1px solid rgba(232,189,66,.55)!important;box-shadow:0 50px 130px #000,0 0 60px rgba(196,28,28,.14)!important;clip-path:polygon(2% 0,100% 1%,98% 99%,0 97%)} .hero-art-wrap::after{content:"VERDICT // ACTIVE INVESTIGATION";position:absolute;bottom:22px;right:-36px;writing-mode:vertical-rl;background:rgba(4,5,6,.88);border:1px solid var(--vx-line);padding:15px 8px;font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:2px;color:#d9b94f} .case-status{box-shadow:0 0 34px rgba(210,41,35,.17)} .btn{position:relative;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.25)}.btn::before{content:"";position:absolute;top:-60%;left:-30%;width:20%;height:220%;background:rgba(255,255,255,.22);transform:rotate(28deg);transition:.45s}.btn:hover::before{left:120%} /* Audience intake chamber */ #start-here{min-height:100vh;padding-top:130px!important;padding-bottom:130px!important;background:#050607} #start-here::before{background: linear-gradient(rgba(3,4,5,.84),rgba(3,4,5,.92)),var(--img-fan) center/cover no-repeat!important;filter:saturate(.92)} #start-here::after{background: radial-gradient(ellipse at 50% 110%,rgba(232,189,66,.13),transparent 42%), repeating-linear-gradient(90deg,transparent 0 9.7%,rgba(232,189,66,.06) 9.8% 10%), linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.78))!important;transform:perspective(700px) rotateX(0deg)} .gateway-shell{position:relative;max-width:1450px!important;padding:58px!important;background:rgba(3,4,5,.62)!important;border:1px solid rgba(232,189,66,.28)!important;box-shadow:0 50px 130px #000!important;backdrop-filter:blur(12px)} .gateway-shell::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.045);pointer-events:none}.gateway-shell::after{content:"INTAKE / ROLE ASSIGNMENT / VERDICT";position:absolute;right:18px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:3px;color:#7d704d} .gateway-brand-lock img{width:96px!important}.gateway-shell h2{font-size:clamp(4rem,8vw,7.6rem)!important;line-height:.87!important;color:#f0e8dc!important;text-shadow:0 18px 50px #000} .audience-grid{gap:20px!important;perspective:1400px}.audience-card{min-height:520px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:28px!important;background:#070809!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 65px rgba(0,0,0,.65);transform-style:preserve-3d;transition:transform .18s ease,border-color .3s,box-shadow .3s!important;overflow:hidden!important} .audience-card::before{content:"";position:absolute;inset:0!important;z-index:-2;background-size:cover!important;background-position:center!important;filter:saturate(.78) contrast(1.18) brightness(.55);transition:transform .7s ease,filter .5s!important} .audience-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,4,5,.12),rgba(3,4,5,.55) 40%,rgba(3,4,5,.98) 78%)} .audience-card:hover{border-color:var(--vx-gold)!important;box-shadow:0 38px 95px #000,0 0 40px rgba(232,189,66,.09)!important}.audience-card:hover::before{transform:scale(1.09);filter:saturate(1) contrast(1.12) brightness(.68)} .audience-fan::before{background-image:var(--img-fan)!important}.audience-vendor::before{background-image:var(--img-vendor)!important}.audience-sponsor::before{background-image:var(--img-sponsor)!important}.audience-podcaster::before{background-image:var(--img-podcaster)!important} .audience-number{font-size:7rem!important;color:rgba(255,255,255,.08)!important;top:9px!important}.audience-icon{position:absolute!important;top:28px!important;left:28px!important;width:52px!important;height:52px!important;background:rgba(4,5,6,.68)!important;border:1px solid var(--vx-line)!important;backdrop-filter:blur(8px)} .audience-card h3{font-size:3.6rem!important;text-shadow:0 10px 25px #000}.audience-card p,.audience-card ul,.audience-actions,.audience-brand,.audience-label{position:relative;z-index:2}.audience-brand{color:var(--vx-gold)!important}.audience-actions{margin-top:auto!important}.complete-directory{background:rgba(3,4,5,.78)!important;backdrop-filter:blur(10px);border:1px solid rgba(232,189,66,.18)!important} /* Headquarters / case file / investigation */ #headquarters::before{background:linear-gradient(rgba(3,4,5,.7),rgba(3,4,5,.92)),var(--img-world) center 34%/cover no-repeat!important} .hq-grid{perspective:1200px}.hq-grid a{position:relative;min-height:240px!important;background:rgba(7,9,10,.74)!important;border:1px solid rgba(232,189,66,.19)!important;backdrop-filter:blur(9px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.55);transform-style:preserve-3d}.hq-grid a::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 160deg,transparent,rgba(232,189,66,.12),transparent 25%);transition:transform .7s;transform:rotate(-25deg)}.hq-grid a:hover::before{transform:rotate(80deg)}.hq-grid a i,.hq-grid a span,.hq-grid a small{position:relative;z-index:2}.hq-grid a i{font-size:2.2rem!important;filter:drop-shadow(0 0 15px rgba(232,189,66,.25))}.hq-grid a span{font-size:2rem!important} #case-file::before{background:linear-gradient(90deg,rgba(4,5,6,.96) 0 45%,rgba(4,5,6,.55)),var(--img-experience) right center/52% auto no-repeat!important} .casefile-grid{min-height:760px;align-items:center}.casefile-copy{background:rgba(5,6,7,.76);border:1px solid rgba(232,189,66,.18);padding:50px;backdrop-filter:blur(12px);box-shadow:0 38px 100px #000}.casefile-art{transform:scale(1.05) rotate(1deg);filter:drop-shadow(0 45px 55px #000)}.main-folder{box-shadow:0 50px 80px #000!important}.clue-card,.role-card{animation:vxFloat 5s ease-in-out infinite alternate}.role-card{animation-delay:-2.5s}@keyframes vxFloat{from{transform:translateY(-4px) rotate(-3deg)}to{transform:translateY(8px) rotate(1deg)}} #investigation::before{background:linear-gradient(rgba(4,5,6,.82),rgba(4,5,6,.93)),var(--bg-crimescene) center/cover no-repeat!important} .case-timeline{perspective:1400px}.case-day{background:rgba(7,8,9,.75)!important;backdrop-filter:blur(11px);box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}.case-day::after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.07) 49%,transparent 56%);transform:translateX(-70%);animation:vxScan 8s linear infinite}.case-day:nth-child(3)::after{animation-delay:-3s}.case-day:nth-child(5)::after{animation-delay:-6s}@keyframes vxScan{to{transform:translateX(70%)}}.day-two{transform:translateY(-18px) scale(1.03)!important;border-color:var(--vx-gold)!important}.weekend-cta{background:rgba(4,5,6,.76)!important;backdrop-filter:blur(10px);border:1px solid rgba(232,189,66,.24)!important;box-shadow:0 25px 80px #000} /* Experience world and roles */ #experience::before{background:linear-gradient(90deg,rgba(4,5,6,.96) 0 48%,rgba(4,5,6,.38)),var(--img-experience) 88% center/auto 110% no-repeat!important} #experience .container{max-width:1500px}.experience-deck{font-size:1.2rem!important}.experience-steps{max-width:1050px}.experience-steps article{min-height:290px!important;background:rgba(7,8,9,.8)!important;backdrop-filter:blur(10px);box-shadow:0 28px 65px #000}.experience-steps article:hover{transform:translateY(-12px) rotate(.4deg)!important}.experience-quote{background:rgba(4,5,6,.65);backdrop-filter:blur(10px)} #archetypes::before{background:linear-gradient(rgba(4,5,6,.9),rgba(4,5,6,.96)),var(--img-role) center/cover no-repeat!important} .role-mode-note{background:rgba(3,4,5,.68)!important;border:1px solid rgba(232,189,66,.22)!important;backdrop-filter:blur(12px);box-shadow:0 28px 70px #000}.poi-grid{perspective:1800px}.poi-card{background:rgba(6,7,8,.79)!important;border-color:rgba(232,189,66,.2)!important;box-shadow:0 32px 70px rgba(0,0,0,.62);transform-style:preserve-3d;transition:transform .18s ease,border-color .3s!important}.poi-card .mug{height:365px!important}.poi-card .mug img{filter:grayscale(.7) contrast(1.25) saturate(.82)!important;transition:.6s!important}.poi-card:hover .mug img{filter:grayscale(0) contrast(1.12) saturate(1.1)!important;transform:scale(1.065)}.poi-card .poi-body{background:linear-gradient(180deg,rgba(5,6,7,.65),rgba(5,6,7,.98));min-height:215px}.poi-name{font-size:2rem!important}.file-tag{box-shadow:0 8px 22px #000}.poi-card::after{content:"VERDICT PERSON OF INTEREST";position:absolute;bottom:9px;right:10px;font-family:'Space Mono',monospace;font-size:.45rem;letter-spacing:1.5px;color:rgba(232,189,66,.45)} /* Evidence Room */ #evidence-room::before{background:linear-gradient(rgba(4,5,6,.88),rgba(4,5,6,.96)),var(--img-world) center 70%/cover no-repeat!important} .blog-grid{perspective:1600px}.folder{box-shadow:0 36px 85px rgba(0,0,0,.72)!important;transform-style:preserve-3d;border:1px solid #8d7047}.folder:hover{transform:translateY(-12px) rotateX(3deg) rotateY(-2deg)!important}.folder::after{content:"VERDICT ARCHIVE";position:absolute;left:18px;bottom:10px;font-family:'Space Mono',monospace;font-size:.48rem;letter-spacing:2px;color:rgba(90,50,20,.55)} /* Floorplan becomes a tactical hologram */ #floorplan::before{background:linear-gradient(rgba(2,5,8,.84),rgba(2,5,8,.95)),var(--img-vendor) center/cover no-repeat!important} .floor-wrap{position:relative;background:rgba(1,7,10,.72)!important;border:1px solid rgba(84,168,230,.28)!important;box-shadow:0 40px 120px #000,0 0 70px rgba(37,113,190,.08);backdrop-filter:blur(12px);overflow:hidden}.floor-wrap::before{content:"TACTICAL FLOOR SCAN";position:absolute;top:12px;right:18px;font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:2px;color:#65baf4}.floor-wrap::after{content:"";position:absolute;left:0;right:0;height:3px;top:10%;background:linear-gradient(90deg,transparent,#54b8ff,transparent);box-shadow:0 0 22px #54b8ff;opacity:.6;animation:vxFloorScan 6s linear infinite;pointer-events:none}@keyframes vxFloorScan{to{top:94%}}.floorplan{background: linear-gradient(rgba(1,8,12,.87),rgba(1,8,12,.87)),repeating-linear-gradient(0deg,transparent 0 30px,rgba(70,164,230,.07) 30px 31px),repeating-linear-gradient(90deg,transparent 0 30px,rgba(70,164,230,.07) 30px 31px)!important;border-color:#367fac!important;box-shadow:inset 0 0 55px rgba(20,96,160,.12)}.fp-cell{border-color:rgba(70,156,215,.22)!important}.fp-cell:hover{box-shadow:0 0 22px rgba(80,190,255,.34)}.booth-type{background:rgba(2,8,11,.74)!important;border-color:rgba(70,156,215,.24)!important} #zones::before{background:linear-gradient(rgba(4,5,6,.9),rgba(4,5,6,.96)),var(--img-world) center/cover no-repeat!important}.zones-grid{perspective:1200px}.zone{min-height:240px;background:rgba(6,7,8,.76)!important;border-left-width:4px!important;box-shadow:0 28px 65px #000;backdrop-filter:blur(8px)}.zone:hover{transform:translateY(-9px) rotateX(2deg)!important}.zone .z-name{font-size:2rem!important} #numbers::before{background:radial-gradient(circle at center,rgba(40,90,170,.13),transparent 40%),linear-gradient(#070809,#050607)!important}.numbers-grid{perspective:1200px}.num-card{min-height:220px;background:rgba(6,7,8,.72)!important;backdrop-filter:blur(10px);box-shadow:0 26px 62px #000}.num-card .n-big{font-size:4rem!important;text-shadow:0 0 30px rgba(232,189,66,.18)} /* Tickets — credential vault */ #credentials::before{background:linear-gradient(rgba(3,4,5,.84),rgba(3,4,5,.94)),var(--img-fan) center/cover no-repeat!important}.ticket-context{background:rgba(3,4,5,.74)!important;backdrop-filter:blur(12px);border:1px solid rgba(232,189,66,.25)!important;box-shadow:0 35px 100px #000}.tier-grid{perspective:1700px}.tier-card{background:linear-gradient(150deg,rgba(18,20,22,.92),rgba(5,6,7,.96))!important;border-color:rgba(232,189,66,.2)!important;box-shadow:0 32px 75px rgba(0,0,0,.7);transform-style:preserve-3d;overflow:visible!important}.tier-card::before{content:"VERDICT CREDENTIAL";position:absolute;top:-10px;left:12px;background:#d7a92b;color:#090909;padding:4px 8px;font-family:'Space Mono',monospace;font-size:.47rem;letter-spacing:1.6px;z-index:3}.tier-card::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.tier-card:hover{transform:translateY(-13px) rotateX(3deg)!important}.tier-card.featured{box-shadow:0 38px 100px #000,0 0 50px rgba(210,41,35,.14)}.credential-badge{filter:drop-shadow(0 16px 25px #000)} /* Vendors + sponsors — branded worlds */ #sponsor::before{background:linear-gradient(90deg,rgba(4,5,6,.96) 0 46%,rgba(4,5,6,.52)),var(--img-sponsor) right center/cover no-repeat!important}.audience-section-intro{background:rgba(4,5,6,.72)!important;backdrop-filter:blur(12px);border:1px solid rgba(232,189,66,.22)!important;box-shadow:0 38px 100px #000}.sponsor-grid,.package-grid{perspective:1500px}.sponsor-card{min-height:330px;background:rgba(6,7,8,.79)!important;border-color:rgba(232,189,66,.18)!important;box-shadow:0 34px 80px #000;backdrop-filter:blur(9px);transform-style:preserve-3d}.sponsor-card:hover{transform:translateY(-12px) rotateX(2deg)!important}.sponsor-card::after{content:"VERDICT EVIDENCE PARTNER";position:absolute;bottom:11px;left:0;right:0;text-align:center;font-family:'Space Mono',monospace;font-size:.45rem;letter-spacing:1.5px;color:rgba(232,189,66,.42)} #sponsor-form::before{background:linear-gradient(rgba(4,5,6,.88),rgba(4,5,6,.95)),var(--img-vendor) center/cover no-repeat!important}.form-section{background:rgba(4,6,7,.78)!important;border:1px solid rgba(232,189,66,.27)!important;backdrop-filter:blur(14px);box-shadow:0 45px 120px #000}.form-head{background:linear-gradient(90deg,rgba(139,13,13,.52),rgba(8,9,10,.85))!important}.field input,.field select,.field textarea{background:rgba(1,2,3,.78)!important;border-color:rgba(232,189,66,.18)!important}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 1px var(--vx-gold),0 0 28px rgba(232,189,66,.08)!important} /* Dead Air Row — broadcast dreamscape */ #podcasters::before{background:linear-gradient(90deg,rgba(3,4,5,.97) 0 48%,rgba(3,4,5,.4)),var(--img-podcaster) center/cover no-repeat!important}.dead-air-upgraded::after{background: repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.015) 7px 8px), linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.28),rgba(0,0,0,.6))!important}.dead-air-upgraded .tier-card{background:rgba(5,6,7,.82)!important}.dead-air-upgraded .section-title{text-shadow:0 0 45px rgba(196,40,40,.25),0 18px 50px #000}.dead-air-upgraded .section-title::before{content:"ON AIR";display:inline-block;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;color:#fff;background:#bd1e1b;padding:7px 10px;vertical-align:middle;margin-right:16px;box-shadow:0 0 30px rgba(210,40,35,.3)} #podcaster-form::before{background:linear-gradient(rgba(4,5,6,.86),rgba(4,5,6,.95)),var(--img-podcaster) center/cover no-repeat!important} /* Producer / investors */ #producer::before{background:linear-gradient(90deg,rgba(3,4,5,.36),rgba(3,4,5,.96) 48%),var(--img-producer) left center/cover no-repeat!important}.producer-wrap{background:rgba(4,5,6,.75)!important;border-color:rgba(232,189,66,.24)!important;box-shadow:0 42px 115px #000;backdrop-filter:blur(12px)}.producer-img{background-image:var(--img-producer)!important;filter:none!important;min-height:600px!important;background-position:center!important}.producer-img::before{content:"THE CASE ARCHITECT";position:absolute;bottom:25px;left:20px;font-family:'Bebas Neue',sans-serif;font-size:3rem;letter-spacing:2px;color:#fff;text-shadow:0 8px 25px #000}.producer-info{padding:50px!important}.producer-info h3{font-size:3.4rem!important}.interviews{background:rgba(0,0,0,.33);padding:20px!important;border:1px solid rgba(232,189,66,.14)!important}.iv-card{box-shadow:0 18px 45px #000}.iv-card img{height:155px!important} #investors::before{background:linear-gradient(rgba(4,5,6,.9),rgba(4,5,6,.96)),var(--img-sponsor) center/cover no-repeat!important}.investor-grid{background:rgba(4,5,6,.7);padding:34px;border:1px solid rgba(232,189,66,.19);backdrop-filter:blur(12px);box-shadow:0 36px 95px #000}.inv-stat{min-height:140px;background:rgba(5,6,7,.78)!important;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 45px #000}.inv-stat .v{font-size:3rem!important} /* Venue / contact */ #visitation::before{background: linear-gradient(rgba(4,5,6,.83),rgba(4,5,6,.95)), radial-gradient(ellipse at 50% 80%,rgba(44,98,161,.26),transparent 40%), var(--img-world) center 80%/cover no-repeat!important}.venue-card{min-height:320px;background:rgba(5,6,7,.72)!important;backdrop-filter:blur(12px);box-shadow:0 32px 80px #000}.venue-card h3{font-size:2.2rem!important} #contact::before{background:linear-gradient(90deg,rgba(4,5,6,.96),rgba(4,5,6,.65)),var(--img-experience) right center/auto 115% no-repeat!important}.contact-email{background:rgba(5,6,7,.75)!important;border-color:rgba(232,189,66,.18)!important;backdrop-filter:blur(10px);box-shadow:0 18px 45px #000}.contact-email:hover{transform:translateX(8px)} /* Awards, quiz, merch, social */ #awards{background:none!important}#awards::before{background:linear-gradient(rgba(4,5,6,.58),rgba(4,5,6,.9)),var(--img-role) center/cover no-repeat!important}.awards-wrap>.container{padding:55px 0}.award-cat{backdrop-filter:blur(10px);box-shadow:0 15px 38px #000} #quiz::before{background:linear-gradient(rgba(4,5,6,.84),rgba(4,5,6,.94)),var(--img-fan) center/cover no-repeat!important}.quiz-cta{background:rgba(4,5,6,.65)!important;backdrop-filter:blur(12px);box-shadow:0 45px 120px #000;border-color:rgba(232,189,66,.45)!important} #merch::before{background:linear-gradient(rgba(4,5,6,.9),rgba(4,5,6,.97)),var(--img-world) center/cover no-repeat!important}.merch-card{background:rgba(5,6,7,.78)!important;border-color:rgba(232,189,66,.18)!important;box-shadow:0 32px 80px #000}.merch-card:hover{transform:translateY(-12px) rotate(.5deg)!important}.merch-card .m-img{height:300px!important}.merch-card .m-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.9);transition:.5s}.merch-card:hover .m-img img{transform:scale(1.05);filter:contrast(1.08) saturate(1.1)} #social::before{background:radial-gradient(circle at center,rgba(232,189,66,.1),transparent 40%),#050607!important}.social-card{background:rgba(6,7,8,.76)!important;backdrop-filter:blur(8px);box-shadow:0 22px 55px #000}.watchtower::before{background:linear-gradient(rgba(4,5,6,.83),rgba(4,5,6,.95)),var(--img-sponsor) center/cover no-repeat!important}.watchtower{min-height:430px;display:grid;place-items:center}.watchtower>*{max-width:900px}.subscribe-form{box-shadow:0 28px 70px #000}.footer{position:relative;background:#020303!important;overflow:hidden}.footer::before{content:"VERDICT";position:absolute;left:50%;bottom:-70px;transform:translateX(-50%);font-family:'Bebas Neue',sans-serif;font-size:23vw;color:rgba(255,255,255,.025);letter-spacing:.08em;pointer-events:none}.footer-logo{width:280px!important;filter:drop-shadow(0 25px 35px #000)} /* Reveal animation */ [data-world-reveal]{opacity:0;transform:translateY(42px) scale(.985);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)} [data-world-reveal].world-visible{opacity:1;transform:none} .scene-live .section-title{animation:vxTitle .9s cubic-bezier(.2,.8,.2,1) both}@keyframes vxTitle{from{opacity:0;transform:translateY(30px);letter-spacing:.16em}to{opacity:1;transform:none;letter-spacing:.055em}} /* responsive */ @media(max-width:1180px){#brandRail{display:none}.gateway-shell{padding:38px!important}.audience-grid{grid-template-columns:repeat(2,1fr)!important}.poi-grid{grid-template-columns:repeat(2,1fr)!important}.tier-grid{grid-template-columns:repeat(2,1fr)!important}.hero-grid{grid-template-columns:1fr!important}.hero-art-wrap{height:620px!important;max-width:720px;margin:0 auto}.hero-copy{max-width:900px}.experience-hero{min-height:auto!important}.case-timeline{grid-template-columns:1fr!important;gap:18px}.timeline-connector{display:none}.day-two{transform:none!important}.experience-steps{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:720px){#caseHud{right:8px;bottom:8px;font-size:.47rem;padding:7px 8px}.scene-masthead{top:16px;left:14px}.scene-masthead::after{display:none}.scene-masthead img{width:38px}.section{padding:92px 16px!important}.section-title{font-size:clamp(2.8rem,14vw,4.6rem)!important}.hero-grid{padding:50px 14px 100px!important}.hero-copy{padding:30px 20px}.experience-hero h1{font-size:clamp(3.2rem,17vw,5.4rem)!important}.hero-art-wrap{height:500px!important;transform:none}.gateway-shell{padding:28px 14px!important}.audience-grid{grid-template-columns:1fr!important}.audience-card{min-height:470px!important}.gateway-shell h2{font-size:3.8rem!important}.poi-grid,.tier-grid,.experience-steps,.blog-grid,.numbers-grid,.zones-grid,.merch-grid{grid-template-columns:1fr!important}.poi-card .mug{height:430px!important}.casefile-copy{padding:28px}.producer-info{padding:28px!important}.producer-img{min-height:440px!important}.venue-grid,.contact-grid,.investor-grid{grid-template-columns:1fr!important}.form-body{padding:16px!important}.complete-directory{gap:9px!important}.section-title::after{font-size:1.1em}.phone-banner .phone-sub{display:block!important;margin:4px 0 0!important}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.audience-card,.poi-card{transform:none!important}} .audience-card{z-index:0!important} .audience-card::before{z-index:0!important;filter:saturate(.85) contrast(1.14) brightness(.72)!important} .audience-card::after{z-index:1!important;background:linear-gradient(180deg,rgba(3,4,5,.08),rgba(3,4,5,.42) 38%,rgba(3,4,5,.96) 78%)!important} .audience-card>*{position:relative;z-index:2} .audience-card h3{font-size:clamp(2.15rem,2.6vw,3rem)!important;white-space:nowrap;letter-spacing:.02em} @media(max-width:720px){.audience-card h3{font-size:3rem!important;white-space:normal}} .audience-icon i{display:none!important} .audience-icon::before{font-family:Arial,sans-serif;font-size:1.55rem;color:var(--vx-gold);line-height:1} .audience-fan .audience-icon::before{content:"◆"} .audience-vendor .audience-icon::before{content:"▦"} .audience-sponsor .audience-icon::before{content:"◎"} .audience-podcaster .audience-icon::before{content:"◉"} .audience-card::before{filter:saturate(1) contrast(1.08) brightness(.92)!important;background-position:center 24%!important} .audience-card::after{background:linear-gradient(180deg,rgba(3,4,5,.12),rgba(3,4,5,.35) 32%,rgba(3,4,5,.97) 73%)!important} /* VERDICT performance pass — preserves immersion while reducing main-thread and paint cost. */ .section,.awards-wrap,.watchtower{content-visibility:auto;contain-intrinsic-size:900px 1000px;contain:layout paint style} #home,#start-here,.topbar,.phone-banner{content-visibility:visible;contain:none} .refund-exception{max-width:760px;margin:8px auto 0;text-align:center;font-family:'Space Mono',monospace;font-size:.68rem;line-height:1.5;color:#d7c7a3} .footer-legal{margin:14px 0 6px}.footer-legal a{color:var(--yellow);font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase} img{content-visibility:auto} @media(max-width:900px){ .police-light:nth-of-type(n+3),.police-beam:nth-of-type(n+2){display:none!important} .police-light{filter:blur(48px)!important;opacity:.12!important;animation-duration:22s!important} .police-beam{filter:blur(18px)!important;opacity:.035!important;animation-duration:24s!important} .gateway-shell,.hero-copy,.casefile-copy,.case-day,.weekend-cta,.role-mode-note,.floor-wrap,.ticket-context,.audience-section-intro,.form-section,.producer-wrap,.investor-grid,.venue-card,.contact-email,.quiz-cta,.social-card,.verdict-countdown,#caseHud,#soundControl{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .clue-card,.role-card,.case-day::after,.floor-wrap::after{animation:none!important} .poi-card,.tier-card,.sponsor-card,.hq-grid a{transform:none!important} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} #policeAtmosphere{display:none!important} } /* ====================================================================== VERDICT MULTI-SITE ADDITIONS (entry portal + 4 microsites) ====================================================================== */ /* ---- image placeholder (shows until real photography is dropped in) ---- */ .img-ph{position:relative;background:linear-gradient(135deg,#1c1a17,#0d0c0b);overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(224,172,36,.55);text-align:center;isolation:isolate} .img-ph::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px),radial-gradient(circle at 20% 20%,rgba(184,34,28,.18),transparent 40%),radial-gradient(circle at 80% 30%,rgba(24,80,120,.16),transparent 45%)} .img-ph .img-ph-label{position:relative;z-index:1;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;padding:10px 16px;border:1px dashed rgba(224,172,36,.4);max-width:82%} .img-ph img{z-index:2} .img-ph .img-ph-label b{display:block;color:#e0ac24;font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:1px;margin-bottom:4px} /* ---- top-level site nav (multi-page) ---- */ .site-nav{background:rgba(6,7,8,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,172,36,.32);position:sticky;top:0;z-index:1000} .site-nav-row{max-width:1480px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 24px} .site-nav .brand-link{display:flex;align-items:center;gap:10px} .site-nav .brand-link img{height:38px;width:auto} .site-nav .brand-txt{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:var(--cream,#F0E8D8);letter-spacing:2px;line-height:1} .site-nav .brand-txt small{display:block;font-family:'Space Mono',monospace;font-size:.5rem;color:#e0ac24;letter-spacing:1px} .site-nav-links{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto;align-items:center} .site-nav-links a{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:#ddd;padding:9px 10px;border:1px solid transparent;white-space:nowrap} .site-nav-links a:hover,.site-nav-links a.active{border-color:rgba(224,172,36,.5);color:#e0ac24;background:rgba(224,172,36,.06)} .site-nav-links a.nav-cta{background:#b8221c;color:#fff;border-color:#b8221c} .site-nav-links a.nav-cta:hover{background:#d33128;color:#fff} .nav-burger{display:none;background:none;border:1px solid rgba(224,172,36,.4);color:#e0ac24;font-size:1.05rem;padding:8px 11px;cursor:pointer;margin-left:auto} @media(max-width:1080px){ .site-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0b0c;border-top:1px solid rgba(224,172,36,.3);padding:8px;gap:2px;max-height:calc(100vh - 64px);overflow:auto} .site-nav-links.open{display:flex} .site-nav-links a{width:100%;text-align:center;padding:12px} .nav-burger{display:block} } /* ---- switch-your-role bar (persistent across all 5 sections) ---- */ .role-switch{background:linear-gradient(90deg,rgba(184,34,28,.12),rgba(224,172,36,.1));border-bottom:1px solid rgba(224,172,36,.25);padding:9px 20px;text-align:center} .role-switch-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase} .role-switch-inner span{color:#9a958c} .role-switch-inner a{color:#ddd;border:1px solid rgba(255,255,255,.16);padding:5px 10px} .role-switch-inner a.current{color:#0d0d0d;background:#e0ac24;border-color:#e0ac24;font-weight:700} .role-switch-inner a:hover:not(.current){border-color:#e0ac24;color:#e0ac24} /* ---- entry portal specific ---- */ .entry-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 50% 0,rgba(184,34,28,.16),transparent 42%),linear-gradient(180deg,#090909 0%,#111 100%);overflow:hidden;padding:70px 20px} .entry-hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.02) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.015) 35px);pointer-events:none} .entry-shell{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%;text-align:center} .entry-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b9b9b9;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px} .entry-eyebrow span{background:#e0ac24;color:#111;padding:6px 10px;font-weight:900;transform:rotate(-1deg)} .entry-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.6rem,7vw,6.4rem);color:#fff;letter-spacing:1px;line-height:.95;text-shadow:0 6px 30px #000} .entry-hero .entry-lede{max-width:760px;margin:22px auto 50px;color:#c8c8c8;font-size:1.08rem;line-height:1.7;font-family:'Roboto Condensed',sans-serif} .entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:left} .entry-card{position:relative;min-height:480px;padding:0;background:linear-gradient(160deg,rgba(33,33,33,.98),rgba(10,10,10,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,border-color .25s ease;text-decoration:none;color:inherit} .entry-card:hover{transform:translateY(-8px);border-color:#e0ac24} .entry-card:hover .entry-card-cta{background:#e0ac24;color:#111} .entry-card::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:#e0ac24;z-index:2} .entry-card.role-fan::before{background:#b8221c} .entry-card.role-podcaster::before{background:#3278b7} .entry-card.role-vendor::before{background:#d97e18} .entry-card.role-media::before{background:#7a4fc9} .entry-card .entry-card-art{height:260px;position:relative} .entry-card .entry-card-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.08)} .entry-card .entry-card-num{position:absolute;right:12px;top:8px;color:rgba(255,255,255,.35);font-family:'Bebas Neue',sans-serif;font-size:2.6rem;line-height:1;text-shadow:0 2px 10px #000;z-index:2} .entry-card .entry-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1} .entry-card .entry-card-kicker{font-size:10px;letter-spacing:.22em;color:#9a958c;font-weight:800;text-transform:uppercase;font-family:'Space Mono',monospace} .entry-card h3{font-family:'Bebas Neue',sans-serif;font-size:2.1rem;color:#fff;margin:4px 0 12px;text-transform:uppercase;letter-spacing:1px} .entry-card p{color:#c7c7c7;line-height:1.6;margin:0 0 16px;font-size:.9rem;flex:1} .entry-card .entry-card-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid rgba(255,255,255,.3);color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:.72rem;font-family:'Space Mono',monospace;transition:.2s} .entry-footer-note{margin-top:40px;color:#8a857c;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:1px;text-transform:uppercase} @media(max-width:1100px){.entry-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.entry-grid{grid-template-columns:1fr}.entry-card{min-height:auto}.entry-card .entry-card-art{height:220px}} /* ---- microsite hero (fan/podcaster/partners/media home) ---- */ .micro-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;background:#050506;border-bottom:1px solid rgba(224,172,36,.28)} .micro-hero-bg{position:absolute;inset:0} .micro-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.72) 45%,rgba(5,5,6,.3) 75%,rgba(5,5,6,.85) 100%),linear-gradient(0deg,rgba(5,5,6,.9),transparent 40%)} .micro-hero-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:60px 24px;width:100%} .micro-hero-kicker{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;color:#e0ac24;letter-spacing:3px;font-size:.7rem;text-transform:uppercase;margin-bottom:16px;border:1px solid rgba(224,172,36,.4);padding:6px 12px;background:rgba(0,0,0,.4)} .micro-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,6.4vw,5.6rem);color:#fff;letter-spacing:1px;line-height:.94;text-shadow:0 8px 30px #000;max-width:820px} .micro-hero h1 span{color:#e0ac24;display:block} .micro-hero .micro-hero-lead{max-width:600px;color:#c9c9c9;font-size:1.08rem;line-height:1.7;margin:20px 0 30px;border-left:3px solid #e0ac24;padding-left:16px} .micro-hero-meta{font-family:'Space Mono',monospace;font-size:.78rem;color:#bbb;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px} .micro-hero-meta span{color:#e0ac24;margin:0 8px} .micro-hero-cta{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:760px){.micro-hero{min-height:auto;padding-top:20px}.micro-hero-inner{padding:44px 18px 54px}} /* ---- FAQ accordion ---- */ .faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2px} .faq-item{background:var(--bg-panel,#222020);border:1px solid var(--border,#3a3636)} .faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:var(--cream,#F0E8D8);letter-spacing:1px} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:'+';font-family:'Space Mono',monospace;color:#e0ac24;font-size:1.3rem;flex-shrink:0} .faq-item[open] summary::after{content:'\2212'} .faq-item .faq-a{padding:0 22px 20px;color:var(--text-dim,#a39d92);font-size:.92rem;line-height:1.65} /* ---- media kit / brand assets ---- */ .kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .kit-card{background:var(--bg-panel,#222020);border:1px solid var(--border,#3a3636);padding:22px 18px;text-align:center;transition:.2s} .kit-card:hover{border-color:#e0ac24;transform:translateY(-3px)} .kit-card i{font-size:1.8rem;color:#e0ac24;margin-bottom:10px} .kit-card h4{font-family:'Bebas Neue',sans-serif;font-size:1.25rem;color:var(--cream,#F0E8D8);letter-spacing:1px} .kit-card p{font-size:.76rem;color:var(--text-dim,#a39d92);margin:6px 0 14px} @media(max-width:760px){.kit-grid{grid-template-columns:1fr 1fr}} /* ---- fast-facts strip ---- */ .facts-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border,#3a3636);border:1px solid var(--border,#3a3636)} .facts-strip .fact{background:var(--bg-panel,#222020);padding:22px 14px;text-align:center} .facts-strip .fact .f-num{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:#e0ac24;line-height:1} .facts-strip .fact .f-lbl{font-family:'Space Mono',monospace;font-size:.58rem;color:var(--text-dim,#a39d92);text-transform:uppercase;letter-spacing:1px;margin-top:4px} @media(max-width:760px){.facts-strip{grid-template-columns:repeat(2,1fr)}} /* ---- breadcrumb / section eyebrow reused across microsites ---- */ .micro-crumb{font-family:'Space Mono',monospace;font-size:.66rem;color:#8a857c;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:8px} .micro-crumb a{color:#8a857c} .micro-crumb a:hover{color:#e0ac24} /* ---- press badge / credential card (media site) ---- */ .press-card{background:var(--bg-panel,#222020);border:1px solid var(--border,#3a3636);padding:26px;display:flex;gap:18px;align-items:flex-start} .press-card i{color:#e0ac24;font-size:1.6rem;margin-top:2px} .press-card h4{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:var(--cream,#F0E8D8);letter-spacing:1px} .press-card p{color:var(--text-dim,#a39d92);font-size:.88rem;margin-top:6px} /* ---- reduced motion ---- */ @media(prefers-reduced-motion:reduce){.entry-card,.kit-card{transition:none}} /* ====================================================================== ARTWORK PACK — background photo + texture accent utilities ====================================================================== */ .section-bg-photo{position:relative;isolation:isolate} .section-bg-photo::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(9,9,10,.87),rgba(9,9,10,.94)),var(--bg-img) center/cover no-repeat;filter:saturate(.82) contrast(1.05)} .texture-accent{position:relative;overflow:hidden} .texture-accent::after{content:'';position:absolute;inset:0;z-index:0;background:var(--tex-img) center/cover no-repeat;opacity:.14;mix-blend-mode:luminosity;pointer-events:none} .texture-accent>*{position:relative;z-index:1} .case-artifact{opacity:.55;filter:sepia(.35) contrast(1.05);border:1px solid rgba(224,172,36,.3);max-width:220px;margin:18px auto 0;display:block}