/* SPIDER-MAN: a newspaper cover and an asymmetric comic strip. */
.comic-layout{background:#eae3d2;background-image:radial-gradient(#16244218 1px,transparent 1px);background-size:6px 6px}.comic-masthead{max-width:1200px;margin:auto;padding:24px 35px;align-items:end;background:transparent;border-bottom:5px solid #112243}.comic-masthead>a{font-family:'Barlow Condensed',sans-serif;font-size:18px;line-height:.9}.comic-masthead strong{font-size:38px}.comic-masthead>div{font-size:10px;text-align:center;line-height:1.8}.issue{font-size:8px;text-align:right;line-height:1.8}.comic-page{max-width:1200px;margin:auto;padding:18px 30px 45px}.breaking{font-family:'Barlow Condensed',sans-serif;background:#e6303f;color:#fff;padding:12px 20px;font-size:19px;letter-spacing:2px;text-align:center;border:3px solid #112243}.comic-cover{display:grid;grid-template-columns:1fr 1.05fr;border:3px solid #112243;margin-top:16px;background:#fff8e9;min-height:610px}.comic-headline{padding:38px 35px;position:relative;overflow:hidden}.comic-headline>.eyebrow{font-size:8px}.comic-headline h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(70px,9vw,126px);font-weight:900;line-height:.88;letter-spacing:-2px;margin:32px 0;transform:rotate(-3deg)}.comic-headline em{font-style:normal;color:#ec3543;text-shadow:4px 4px #112243}.comic-deck{font-size:15px;line-height:1.6}.comic-headline .button{margin-top:10px}.speech{background:#ffce58;border:3px solid #112243;padding:16px;transform:rotate(4deg);font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:800;line-height:1;max-width:200px;margin:35px 0 0 65px;box-shadow:4px 4px #112243}.comic-photo{margin:0;position:relative;border-left:3px solid #112243;overflow:hidden;background:#112243}.comic-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 25%}.comic-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1122439c,transparent 30%);pointer-events:none}.comic-photo figcaption{position:absolute;bottom:15px;left:15px;color:white;z-index:1;font-size:8px;letter-spacing:1.5px}.photo-sticker{position:absolute;right:12px;top:18px;background:#ffcf58;border:3px solid #112243;padding:20px 15px;font-family:'Barlow Condensed',sans-serif;font-size:35px;font-weight:900;transform:rotate(9deg);box-shadow:5px 5px #112243}.mission-brief{background:#ffce58;border:3px solid #112243;margin:18px 0;display:grid;grid-template-columns:.8fr 1fr 1.5fr .7fr;align-items:center;gap:20px;padding:24px}.brief-label{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;line-height:1.05}.mission-brief small{font-size:8px;letter-spacing:2px}.mission-brief strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;display:block}.mission-brief div>span{font-size:10px}.mission-brief>a{font-size:9px;line-height:1.6;font-weight:800;border-bottom:2px solid #112243;padding-bottom:5px}.comic-panels{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:30px 0}.panel{border:3px solid #112243;position:relative}.panel-label{display:block;font-size:8px;letter-spacing:1.5px;font-weight:800}.story{padding:30px;background:#fff8e9;overflow:hidden}.story h2{font-size:43px;margin:30px 0 20px}.story p{font-size:13px;max-width:340px}.comic-pow{font-family:'Barlow Condensed',sans-serif;color:#ee3444;font-size:65px;font-weight:900;transform:rotate(-9deg);text-shadow:2px 2px #112243;margin-top:20px}.timer-panel{background:#112243;color:white;padding:25px;display:flex;flex-direction:column;justify-content:center}.timer-panel .count-section{padding:30px 0 15px;background:none}.timer-panel .count-section>.eyebrow{display:none}.timer-panel h2{font-size:36px}.timer-panel .countdown{gap:8px}.timer-panel .countdown>div{width:65px}.timer-panel .countdown strong{font-size:58px}.comic-finale{display:grid;grid-template-columns:1fr 1fr;gap:18px;scroll-margin-top:20px}.comic-map,.comic-rsvp{padding:30px;border:3px solid #112243;background:#fff8e9}.comic-map .location{display:block;padding:30px 0 0}.comic-map h2{font-size:37px}.comic-map h3{font-size:18px}.comic-map .illustrated-map{height:250px;margin-top:35px}.comic-rsvp{background:#e6303f;color:white}.comic-rsvp h2{font-size:64px;margin:30px 0 15px;line-height:.95}.comic-rsvp>p{font-size:13px}.comic-rsvp label{font-size:11px}.comic-rsvp input,.comic-rsvp select{color:#112243;border:2px solid #112243}.comic-rsvp .button{background:#ffcf58;color:#112243}.comic-rsvp .form-note{opacity:.9}.comic-end{font-family:'Barlow Condensed',sans-serif;border-top:4px solid #112243;margin-top:30px;padding-top:22px;font-size:22px;letter-spacing:1px}.comic-end strong{color:#d7273b}.comic-layout footer small a{text-decoration:underline}
/* HUNTR/X: a tour poster, a perforated admission ticket, and backstage access. */
.concert-layout{background:#170e25;color:#f8efff;--paper:#221334;--ink:#fff0ff;--line:#5d3d72;--accent:#bd8ee5;--accent2:#e9bf7e}.tour-nav{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:25px 6%;position:relative;z-index:2}.tour-nav>a:first-child{font-size:20px;font-weight:900;letter-spacing:3px}.tour-nav small{display:block;font-size:7px;letter-spacing:3px;font-weight:400;margin-top:5px;color:#c49bda}.tour-nav>a:last-child{font-size:9px;letter-spacing:2px;border:1px solid #b989d4;border-radius:30px;padding:12px 20px}.tour-poster{max-width:1400px;min-height:800px;position:relative;margin:0 auto;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 45%,#6e388244,#170e25 70%)}.tour-poster>.eyebrow{color:#e7c489;font-size:8px;position:relative;z-index:2;padding-top:25px}.tour-poster h1{font-family:'Playfair Display',serif;font-size:clamp(95px,18vw,235px);font-weight:600;letter-spacing:12px;line-height:1;position:relative;z-index:2;margin:15px 0;color:#fff0ff;text-shadow:0 0 60px #d57bff55}.tour-poster h1>span{display:block;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:7px;margin-top:20px;color:#e7c489}.tour-art{display:block;width:100%;height:510px;object-fit:cover;object-position:right center;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent);margin-top:-12px;animation:tour-float 8s ease-in-out infinite alternate}.poster-orbit{position:absolute;left:15%;top:80px;width:70%;height:600px;border:1px solid #c791dc33;border-radius:50%;transform:rotate(-20deg)}.age-seal{position:absolute;right:8%;top:250px;background:#e6c385;color:#291432;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(12deg);z-index:3;border:1px solid #fff0ca;outline:1px solid #e6c385;outline-offset:5px}.age-seal b{font-family:'Playfair Display',serif;font-size:58px}.age-seal span{font-size:8px;letter-spacing:1px;text-align:left}.poster-bottom{letter-spacing:7px;font-size:13px;margin:-10px 0 22px;position:relative}.poster-link{font-size:8px;letter-spacing:3px;color:#d7b0e7}.ticket-wrap{max-width:1030px;margin:30px auto 0;padding:0 35px;position:relative;z-index:3}.admission-ticket{display:grid;grid-template-columns:1fr 240px;background:#f8ebd7;color:#34203b;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #0005;position:relative}.ticket-main{padding:45px 50px}.ticket-main>.eyebrow{font-size:8px;color:#805292}.ticket-main h2{font-family:'Playfair Display',serif;font-size:44px;margin:18px 0}.ticket-main p{font-size:12px;color:#766078}.ticket-main .button{margin-top:10px}.ticket-stub{text-align:center;border-left:2px dashed #bda4bf;padding:35px 20px;position:relative;background:#efe0cb}.ticket-stub::before,.ticket-stub::after{content:'';position:absolute;width:28px;height:28px;left:-15px;background:#170e25;border-radius:50%;top:-14px}.ticket-stub::after{top:auto;bottom:-14px}.ticket-stub>span{font-size:7px;letter-spacing:2px}.ticket-stub strong{display:block;font-family:'Playfair Display',serif;font-size:85px;line-height:1;margin-top:20px}.ticket-stub strong span{display:block;font-family:'DM Sans',sans-serif;font-size:18px;letter-spacing:9px;margin-top:5px}.ticket-stub p{font-size:10px;margin:20px 0}.barcode{height:42px;background:repeating-linear-gradient(90deg,#34203b 0 2px,transparent 2px 4px,#34203b 4px 5px,transparent 5px 9px,#34203b 9px 13px,transparent 13px 16px);margin:25px auto 8px;max-width:150px}.ticket-stub small{font-size:8px;letter-spacing:2px}.show-section{max-width:1100px;margin:110px auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:0 40px}.show-title>.eyebrow{font-size:8px;color:#c69adf}.show-title h2{font-size:50px;line-height:1.17}.show-title h2 em{color:#e1be81}.show-title p{font-size:12px;color:#bba4c7}.gold-star{display:block;color:#e1be81;font-size:65px;margin-top:30px;animation:twinkle 5s infinite}.show-list article{display:flex;gap:25px;border-top:1px solid #68487a66;padding:30px 0}.show-list article>span{font-family:'Playfair Display',serif;font-size:30px;color:#9e72b5}.show-list h3{font-size:16px;font-weight:500}.show-list p{font-size:12px;color:#bba4c7;margin-bottom:0}.backstage{padding:85px max(35px,calc((100vw - 1040px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;background:radial-gradient(ellipse at 0% 50%,#53316e,#21132e 70%);align-items:center}.backstage-clock .count-section{padding:0;background:none}.backstage-clock .count-section>.eyebrow{font-size:8px}.backstage-clock .count-section h2{font-size:35px;line-height:1.3}.backstage-clock .countdown{gap:7px}.backstage-clock .countdown>div{width:65px}.backstage-clock .countdown strong{font-size:44px}.backstage-note{text-align:center;margin-top:40px;font-size:8px;letter-spacing:3px;color:#bfa5cc;line-height:2}.vip-card{border:1px solid #9863b6;padding:35px;border-radius:15px;background:#311b42;box-shadow:0 15px 65px #13091d77;scroll-margin-top:30px}.vip-card>.eyebrow{font-size:7px;color:#dfc18d}.vip-card h2{font-size:52px;margin:22px 0}.vip-card>p{font-size:12px;color:#d1b6df}.vip-card label{color:#e1cce9;font-size:10px}.vip-card input,.vip-card select{background:#23112f;border-color:#704881;color:#fff}.vip-card .button{font-size:9px;padding:18px}.vip-card .form-note{font-size:9px;color:#cdb0dc;opacity:.9}.vip-card-bottom{font-size:7px;text-align:center;letter-spacing:3px;color:#d9bc89;margin-top:25px;padding-top:20px;border-top:1px solid #78548c}.venue-guide{max-width:900px;margin:90px auto;padding:0 35px;text-align:center}.venue-guide>.eyebrow{font-size:8px;color:#c69adf}.venue-guide>h2{font-size:40px;margin:20px 0}.venue-guide>p{font-size:12px;color:#bba4c7}.venue-guide details{border-top:1px solid #68487a;border-bottom:1px solid #68487a;margin-top:35px}.venue-guide summary{cursor:pointer;list-style:none;padding:23px 5px;text-align:left;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.venue-guide summary::-webkit-details-marker{display:none}.venue-guide summary span{color:#e1be81;font-size:20px;line-height:.7}.venue-guide .location{padding:25px 0 40px;text-align:left;gap:30px}.venue-guide .location h2{font-size:29px}.venue-guide .location h3{font-size:16px}.venue-guide .location p{font-size:11px}.venue-guide .illustrated-map{height:270px;color:#331741}.tour-signoff{text-align:center;padding:20px 20px 90px}.tour-signoff>span{font-size:50px;color:#e1be81}.tour-signoff p{font-family:'Playfair Display',serif;font-style:italic;font-size:50px;line-height:1.3;margin:20px 0}.tour-signoff small{font-size:8px;letter-spacing:4px;color:#c49bda}.concert-layout footer{background:#11091c;border-top:1px solid #543166}.concert-layout dialog{background:#271637;color:#fff0ff}.concert-layout dialog .close-dialog{color:#fff}.concert-layout dialog #dialog-message{color:#d5bedf}@keyframes tour-float{to{transform:scale(1.025)}}
@media(max-width:800px){.comic-masthead{padding:20px}.comic-masthead strong{font-size:28px}.issue{display:none}.comic-masthead>div{font-size:8px}.comic-page{padding:15px}.breaking{font-size:14px;padding:12px 8px;letter-spacing:1px}.comic-cover{min-height:0}.comic-headline{padding:25px 20px}.comic-headline h1{font-size:clamp(58px,11vw,88px);letter-spacing:-1px}.comic-headline>.eyebrow{font-size:6px;letter-spacing:1px}.comic-deck{font-size:12px}.comic-headline .button{font-size:8px;padding:15px 10px;gap:10px}.speech{margin:30px 0 0 0;font-size:15px;padding:12px}.photo-sticker{font-size:23px;padding:12px 8px;right:7px}.mission-brief{grid-template-columns:1fr 1.5fr;gap:20px;padding:20px}.brief-label{font-size:19px}.mission-brief strong{font-size:23px}.mission-brief>a{font-size:8px}.comic-panels,.comic-finale{grid-template-columns:1fr}.story h2{font-size:38px}.comic-pow{position:absolute;right:18px;bottom:5px;font-size:48px}.story{padding-bottom:60px}.timer-panel .count-section{padding:25px 0}.comic-map,.comic-rsvp{padding:25px}.comic-rsvp h2{font-size:58px}.comic-rsvp form{max-width:none}.comic-end{font-size:17px}.tour-nav{padding:20px}.tour-nav>a:first-child{font-size:17px}.tour-nav>a:last-child{font-size:8px;padding:10px 14px}.tour-poster{min-height:650px}.tour-poster>.eyebrow{font-size:6px;letter-spacing:1.8px}.tour-poster h1{font-size:clamp(95px,19vw,160px);letter-spacing:4px;margin-top:25px}.tour-poster h1>span{font-size:8px;letter-spacing:4px}.tour-art{height:360px;object-position:right center;margin-top:10px}.age-seal{width:76px;height:76px;top:190px;right:7%}.age-seal b{font-size:40px}.age-seal span{font-size:6px}.poster-orbit{height:450px;width:95%;left:2%}.poster-bottom{font-size:9px;letter-spacing:5px;margin:5px 0 20px}.ticket-wrap{padding:0 20px;margin-top:10px}.admission-ticket{grid-template-columns:1fr 145px}.ticket-main{padding:30px 25px}.ticket-main h2{font-size:32px}.ticket-main p{font-size:11px}.ticket-main .button{font-size:8px;padding:15px 18px}.ticket-main>.eyebrow{font-size:6px;letter-spacing:1px}.ticket-stub{padding:30px 10px}.ticket-stub>span{font-size:6px;letter-spacing:1px}.ticket-stub strong{font-size:65px}.ticket-stub strong span{font-size:14px;letter-spacing:6px}.ticket-stub p{font-size:8px}.barcode{max-width:95px}.ticket-stub small{font-size:6px}.show-section{margin:70px auto;padding:0 30px;gap:35px}.show-title h2{font-size:38px}.show-title>.eyebrow{font-size:7px}.show-title p{font-size:11px}.show-list article{gap:15px;padding:25px 0}.show-list h3{font-size:14px}.show-list p{font-size:11px}.show-list article>span{font-size:24px}.backstage{padding:60px 25px;gap:30px;grid-template-columns:1fr}.backstage-clock{max-width:450px;margin:auto}.backstage-clock .count-section h2{font-size:32px}.backstage-note{margin-bottom:15px}.vip-card{max-width:500px;width:100%;margin:auto;padding:30px}.vip-card form{max-width:none}.vip-card h2{font-size:48px}.venue-guide{margin:65px auto;padding:0 25px}.venue-guide>h2{font-size:32px}.venue-guide .location{grid-template-columns:1fr}.tour-signoff p{font-size:39px}.concert-layout .countdown{gap:8px}}
@media(max-width:430px){.comic-cover{grid-template-columns:1fr}.comic-headline h1{font-size:92px}.comic-headline{padding:30px}.comic-photo{min-height:430px;border-left:0;border-top:3px solid #112243}.comic-headline .speech{position:absolute;right:22px;bottom:30px;font-size:12px;max-width:120px}.comic-headline .button{font-size:8px;max-width:175px}.comic-headline{padding-bottom:40px}.comic-headline>.eyebrow{font-size:7px}.comic-deck{font-size:14px}.mission-brief{gap:18px 12px}.mission-brief div>span{font-size:9px}.tour-poster{min-height:570px}.tour-art{height:300px;object-position:73% center}.age-seal{top:175px;width:65px;height:65px;right:6%}.age-seal b{font-size:33px}.age-seal span{font-size:5px}.tour-poster h1{font-size:98px}.admission-ticket{grid-template-columns:1fr 110px}.ticket-main{padding:25px 18px}.ticket-main h2{font-size:29px}.ticket-main p{font-size:10px}.ticket-main .button{font-size:7px;padding:14px}.ticket-stub{padding:25px 8px}.ticket-stub strong{font-size:58px}.show-section{grid-template-columns:1fr;gap:25px;padding:0 25px}.show-title h2{font-size:43px}.gold-star{display:none}.tour-poster>.eyebrow{font-size:5px}.comic-rsvp h2{font-size:54px}}
.comic-photo img{object-position:100% 0;background:#102e48}
.comic-photo .photo-sticker{right:auto;left:15px;top:18px;font-size:26px;padding:15px 10px;transform:rotate(-8deg)}
.spider-card img{object-position:100% center}
.tour-nav .huntrix-brand img{display:block;width:180px;height:60px;object-fit:contain;filter:brightness(0) invert(1);margin:-10px 0 -2px}
.tour-nav .huntrix-brand small{text-align:center;font-size:7px;letter-spacing:3px}
@media(max-width:430px){.tour-nav .huntrix-brand img{width:145px;height:49px}.tour-nav .huntrix-brand small{font-size:6px;letter-spacing:2.5px}}
@media(prefers-reduced-motion:reduce){.tour-art{animation:none}}