/* Local art-direction study: a gig poster collected by a fan. Existing type + orange stay. */
.supporter-ribbon{border:0;border-bottom:1px solid #302820;border-radius:0;background:transparent;padding-inline:0}
.supporter-ribbon .ribbon-label{color:#cbbbae}
.hero{min-height:450px;margin-top:26px;overflow:visible;background:radial-gradient(ellipse at 84% 80%,#ff5a3616,transparent 65%),#121110;border:1px solid #302820;border-radius:12px;box-shadow:0 18px 50px #0002}
.hero .hero-image{inset:26px 34px 38px 54%;z-index:0;border:6px solid #e9dfca;border-bottom-width:29px;background:#e9dfca;transform:rotate(2.4deg);box-shadow:0 10px 32px #0008;isolation:isolate}
.hero .hero-image img{display:block;object-position:57% 64%;filter:saturate(1.05) contrast(1.04);position:relative;z-index:0}
.hero .hero-image:after{z-index:1;background:linear-gradient(0deg,#09090975,transparent 52%);pointer-events:none}
.hero .hero-image:before{content:'';position:absolute;z-index:3;width:92px;height:24px;left:calc(50% - 46px);top:-17px;transform:rotate(-6deg);background:#d3bf979c;box-shadow:inset 0 0 0 1px #f4e4c344;clip-path:polygon(2% 0,98% 3%,100% 89%,4% 100%,0 53%);pointer-events:none}
.poster-photo-label{position:absolute;z-index:2;left:7px;right:7px;bottom:-25px;color:#3e3027;font:700 10px/1.6 var(--body);letter-spacing:1.5px;text-align:center}
.hero .hero-content{width:61%;max-width:none;padding:36px 40px 40px}
.hero .hero-content>.eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.5;color:#e5be9d;max-width:90%}
.hero h1{font-size:108px;line-height:.91;margin:19px 0 28px;letter-spacing:-1.5px}
.hero h1>span{position:relative;display:inline-block;isolation:isolate}
.fan-underline{position:absolute;bottom:-17px;left:-2px;width:103%;height:23px;fill:none;stroke:#efe0c4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-2deg);pointer-events:none}
.hero .hero-copy{font-size:15px;color:#ded4c7;margin-bottom:24px}
.hero .hero-actions{gap:23px;position:relative;align-items:center;flex-wrap:nowrap}
.hero .hero-actions>.primary{flex:none}
.hero .hero-note{display:block;margin:0;max-width:138px;min-width:0;font-size:14px;line-height:1.5;font-style:italic;font-weight:500;color:#d5c0a6;transform:rotate(-4deg)}
.fan-arrow{position:absolute;left:207px;bottom:-24px;width:58px;height:31px;fill:none;stroke:#c7b394;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.hero .hero-stamp{display:block;z-index:2;right:18px;top:auto;bottom:16px;width:134px;aspect-ratio:1;padding:21px 9px;background:var(--orange);border:0;border-radius:49% 46% 48% 45%;transform:rotate(-9deg);color:#17100b;backdrop-filter:none;box-shadow:0 4px 0 #07070755}
.hero .hero-stamp>span{font:700 7px/1.3 var(--body);letter-spacing:1px;color:#28140c;text-align:center}
.hero .hero-stamp>div{font-size:32px;line-height:.9;margin:8px 0 0;text-align:center}
.hero .hero-stamp em{color:#17100b}
.hero .hero-stamp>span:last-child{display:none}
.hero-doodle{position:absolute;z-index:2;left:49%;top:16px;width:55px;height:64px;fill:none;stroke:#e3cfac;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(10deg);pointer-events:none}
.concert-section{margin-top:62px}
.concert-section #concert-title{position:relative;display:inline-block;padding-bottom:8px}
.fan-heading-mark{position:absolute;bottom:-3px;right:-4px;width:54%;height:15px;stroke:var(--orange);stroke-width:2;fill:none;stroke-linecap:round;transform:rotate(-2deg);pointer-events:none}
.filters button{border-radius:12px}
.filters button.selected{background:#ff5a3612;border-color:#9b4b35}
.search-field{border-radius:10px;background:#141311}
.toolkit-section{border-top:1px solid #302820}
.toolkit-grid>.tool-card:not(.teaser-tool){border-color:#ffffff14;border-radius:12px;background:linear-gradient(135deg,#ffffff03,transparent 62%),#151412}
.toolkit-grid .lyrics-art,.toolkit-grid .packing-art,.toolkit-grid .checklist-art{border-radius:8px}
.toolkit-grid .teaser-tool{border-radius:12px;border-color:#ffffff12}
.creator-copy h2{position:relative}
.creator-copy h2:after{content:'';display:block;width:65px;margin-top:12px;border-bottom:2px solid #ff5a36;transform:rotate(-4deg)}
@media(min-width:761px) and (max-width:1050px){
 .hero .hero-content{width:59%;padding:32px 28px 38px}
 .hero h1{font-size:90px}
 .hero .hero-image{left:57%;right:25px}
 .hero .hero-note{font-size:12px;max-width:120px}
 .hero .hero-actions{gap:16px}
 .fan-arrow{left:173px}
 .hero .hero-stamp{width:116px;padding-top:17px}.hero .hero-stamp>div{font-size:28px}
}
@media(max-width:760px){
 .supporter-ribbon{margin-top:5px}
 .hero{min-height:382px;margin-top:17px;overflow:hidden;border-color:#4d3728;border-radius:12px;background:#16120f}
 .hero .hero-image{inset:0;border:0;transform:none;box-shadow:none;background:#17110b;z-index:0}
 .hero .hero-image img{object-position:58% 64%;filter:saturate(1.12) contrast(1.04) brightness(.85)}
 .hero .hero-image:after{background:linear-gradient(90deg,#090909dc 0%,#09090985 57%,#09090930),linear-gradient(0deg,#090909a8,transparent 70%)}
 .hero .hero-image:before,.poster-photo-label{display:none}
 .hero .hero-content{width:100%;min-height:382px;padding:26px 24px 29px;display:flex;flex-direction:column}
 .hero .hero-content>.eyebrow{font-size:9px;letter-spacing:.9px;line-height:1.65;max-width:88%;margin-bottom:0}
 .hero h1{font-size:clamp(58px,20vw,82px);line-height:.94;letter-spacing:-1px;margin:22px 0 28px}
 .fan-underline{bottom:-15px;height:18px;stroke-width:2.6}
 .hero .hero-copy{font-size:14px;line-height:1.6;margin-bottom:23px}
 .hero .hero-actions{gap:13px;margin-top:auto;min-width:0}
 .hero .hero-actions>.primary{min-height:46px;font-size:12px;padding:11px 13px;gap:9px}
 .hero .hero-actions>.primary svg{width:17px;height:17px}
 .hero .hero-note{max-width:125px;font-size:12px;line-height:1.45;flex:1;color:#efdfca}
 .fan-arrow{display:none}
 .hero .hero-stamp{display:none}
 .hero-doodle{left:auto;right:14px;top:15px;width:33px;height:38px;stroke-width:2;opacity:.9}
 .concert-section{margin-top:39px}
 .concert-section .section-heading{margin-bottom:25px}
 .fan-heading-mark{height:12px;bottom:-3px}
 .toolkit-section .section-heading .eyebrow{letter-spacing:1px;font-size:10px;line-height:1.6}
}
@media(max-width:380px){
 .hero .hero-content{padding:23px 20px 25px;min-height:366px}
 .hero{min-height:366px}
 .hero h1{font-size:63px;margin-top:23px}
 .hero .hero-content>.eyebrow{font-size:8px;letter-spacing:.5px;max-width:90%}
 .hero .hero-copy{font-size:13px}
 .hero .hero-actions{gap:10px}
 .hero .hero-note{font-size:11px;max-width:104px}
 .hero-doodle{width:28px;height:32px;right:10px}
}
html[lang=zh] .hero h1{font-size:76px;line-height:1.25}
html[lang=ms] .hero h1{font-size:clamp(74px,6.1vw,94px)}
html[lang=ta] .hero h1{font-size:59px;line-height:1.3}
html[lang=ta] .hero .hero-content>.eyebrow{letter-spacing:0}
html[lang=ta] .hero .hero-actions{flex-wrap:wrap}
@media(max-width:760px){html[lang=zh] .hero h1{font-size:48px}html[lang=ta] .hero h1{font-size:35px}html[lang=zh] .hero .hero-note,html[lang=ta] .hero .hero-note{font-size:12px;font-style:normal;transform:rotate(-2deg)}html[lang=ta] .hero .hero-actions{gap:10px}html[lang=ta] .hero .hero-note{flex-basis:100%;max-width:none}}
@media(min-width:761px) and (max-width:1050px){html[lang=ms] .hero h1{font-size:7.2vw}html[lang=ta] .hero h1{font-size:46px}html[lang=zh] .hero h1{font-size:60px}}
@media(max-width:760px){html[lang=ms] .hero h1{font-size:12vw}}
@media(max-width:380px){html[lang=zh] .hero h1{font-size:44px}html[lang=ta] .hero h1{font-size:34px}}
@media(hover:hover) and (pointer:fine){
 .toolkit-grid>.tool-card:not(.teaser-tool){transition:transform .2s ease,border-color .2s ease}
 .toolkit-grid>.tool-card:not(.teaser-tool):hover{transform:translateY(-3px);border-color:#bf86634f}
 .hero .primary:hover{transform:translateY(-2px)}
}
.hero .primary:active{transform:translateY(1px) scale(.98)}
@media(prefers-reduced-motion:reduce){.hero .primary,.toolkit-grid>.tool-card:not(.teaser-tool){transition:none}.hero .primary:hover,.hero .primary:active,.toolkit-grid>.tool-card:not(.teaser-tool):hover{transform:none}}

/* With the large intro removed, shows follow the supporter ribbon directly. */
.supporter-ribbon + .concert-section{margin-top:32px}
@media(max-width:760px){.supporter-ribbon + .concert-section{margin-top:24px}}