:root{--ink:#100e0c;--cream:#efe6d8;--red:#e2483d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;position:absolute;top:0;z-index:3;width:100%}.brand{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;display:flex;align-items:center;gap:16px}.brand span{font-family:Manrope;font-size:10px;letter-spacing:2px;max-width:100px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-ticket{border:1px solid #ffffff66;padding:12px 20px;border-radius:3px}.hero{min-height:850px;height:100svh;max-height:1120px;position:relative;display:flex;align-items:flex-end;padding:130px 6% 65px;overflow:hidden}.hero img{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:50% 53%;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100e0c 2%,#100e0ce8 25%,#100e0c35 70%),linear-gradient(0deg,#100e0c,transparent 50%);z-index:-1}.hero-copy{width:100%}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--red)}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,7.6vw,120px);letter-spacing:-.065em;line-height:1.04;font-weight:600;margin:30px 0 15px}.alias{font-size:14px;letter-spacing:9px;color:#bfb6aa}.tour-label{margin:45px 0 8px;font-size:13px}.album{font-family:Manrope;font-size:clamp(22px,3.7vw,56px);letter-spacing:-.05em;margin:0 0 24px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 25px;background:var(--red);font-size:13px;font-weight:800;border:0;border-radius:2px;color:var(--cream)}.cta:hover{background:#f05d51}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-date{font-size:12px;line-height:1.8;color:#cfc6bb}.hero-date strong{font-size:30px;color:var(--cream)}.marquee{padding:20px 5%;border-top:1px solid #5a5146;border-bottom:1px solid #5a5146;font-family:Manrope;font-size:12px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;white-space:nowrap;color:#c4baac}.marquee b{color:var(--red)}section{padding:100px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}h2{font-family:Manrope;font-size:clamp(26px,4vw,54px);font-weight:400;letter-spacing:-.05em;margin:18px 0}.muted{color:#a89e92;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about p{font-size:21px;line-height:1.8}.about .number{font-family:Manrope;font-size:clamp(90px,15vw,220px);line-height:1;color:var(--red);letter-spacing:-.1em}.about .caption{font-size:12px;letter-spacing:4px;text-transform:uppercase}.music{background:#e9e0d2;color:var(--ink)}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.music-link{border:1px solid #100e0c44;padding:25px;display:flex;justify-content:space-between;align-items:center;min-height:100px}.music-link small{display:block;font-size:11px;margin-bottom:8px;opacity:.6}.music-link strong{font-size:18px}.music-link:hover{background:#d9cdbd}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.gallery button{padding:0;background:none;border:0;overflow:hidden}.gallery img{width:100%;height:420px;object-fit:cover;transition:transform .5s}.gallery button:hover img{transform:scale(1.04)}.shows{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.show{border:1px solid #5a5146;padding:26px;scroll-margin-top:110px;display:flex;flex-direction:column;min-height:300px}.show-top{display:flex;justify-content:space-between;align-items:start}.date{font-family:Manrope;font-size:48px;letter-spacing:-3px}.day{font-size:12px;color:#ab9e91}.city{font-family:Manrope;font-size:22px;margin:30px 0 10px;letter-spacing:-1px}.venue{font-size:11px;letter-spacing:1px;text-transform:uppercase;min-height:40px;color:#b7ab9e}.show .cta{margin-top:auto;width:100%;padding:16px}.tour-intro{padding-top:150px;padding-bottom:45px}.tour-intro h1{font-size:clamp(40px,7vw,92px)}.chips{display:flex;gap:9px;overflow:auto;padding-bottom:15px;margin-top:36px}.chips a{white-space:nowrap;border:1px solid #60564d;border-radius:30px;padding:12px 19px;font-size:12px}.chips a:hover{background:var(--red);border-color:var(--red)}.social{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #4d443a;padding-top:35px;margin-top:70px;font-size:13px}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:35px 6%;border-top:1px solid #4d443a;font-size:11px;color:#a89e92}dialog{padding:0;background:#100e0c;border:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh}dialog::backdrop{background:#000e}dialog[open]{display:flex;align-items:center;justify-content:center}dialog img{max-width:85%;max-height:92%;object-fit:contain}dialog button{background:#222;color:white;border:0;font-size:28px;padding:15px}#close{position:absolute;right:15px;top:10px}#cookies{position:fixed;bottom:15px;left:15px;background:#efe6d8;color:#100e0c;padding:15px;z-index:5;font-size:12px;max-width:440px}#cookies button{margin:10px 5px 0 0;padding:8px;border:1px solid #100e0c;background:transparent}.sticky{display:none}@media(max-width:700px){header{height:72px}.brand{font-size:27px}.brand span{display:none}nav{gap:16px}nav a:not(.nav-ticket){display:none}.hero{height:94svh;min-height:700px;padding:110px 6% 35px}.hero img{width:100%;object-position:55% 40%}.hero:before{background:linear-gradient(0deg,#100e0c 3%,#100e0cdd 30%,#100e0c00 75%),linear-gradient(180deg,#100e0c55,transparent 25%)}h1{font-size:48px;margin-top:15px}.eyebrow{font-size:9px;letter-spacing:2px}.alias{font-size:11px;letter-spacing:6px}.tour-label{margin-top:25px;font-size:11px}.album{font-size:27px}.hero-bottom{display:block}.hero-date{margin-top:25px;display:flex;align-items:center;gap:20px;font-size:10px}.hero-date strong{font-size:23px}.hero .cta{width:100%;font-size:12px;padding:19px}.marquee{font-size:9px;padding:18px 6%}.marquee span:last-child{display:none}section{padding:65px 6%}.about{grid-template-columns:1fr;gap:30px}.about p{font-size:17px}.about .number{font-size:120px}.music-grid{grid-template-columns:1fr}.music-link{padding:20px;min-height:90px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery button:first-child{grid-column:span 2}.gallery img{height:260px}.gallery button:first-child img{height:430px}.shows{grid-template-columns:1fr}.show{min-height:285px}.date{font-size:56px}.city{margin-top:22px}.section-top{display:block}.section-top>a{display:inline-block;margin-top:15px}.tour-intro{padding-top:110px}.tour-intro h1{font-size:40px}.sticky{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--red);text-align:center;padding:18px;z-index:4;font-weight:800;font-size:13px}footer{flex-wrap:wrap;padding-bottom:80px}.social{gap:20px}#cookies{bottom:65px;right:15px}.hero-copy{padding-top:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared vector icon system */
.icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;vertical-align:middle;stroke-width:1.5}.nav-ticket,footer>a:last-child,.social a,.section-top>a{display:inline-flex;align-items:center;gap:10px}.nav-ticket .icon,footer .icon,.social .icon{width:16px;height:16px}.cta .icon{width:21px;height:21px}.music-link>.icon{width:23px;height:23px}.music-link>span{display:flex;align-items:center}.divider{width:1px;height:15px;background:#776a5c;align-self:center}.eyebrow:before{display:none}.eyebrow{letter-spacing:2px}.marquee{font-size:10px;letter-spacing:1.7px}.sticky .icon{margin-left:10px;width:17px;height:17px}dialog button{background:transparent;border:1px solid #ffffff30;width:48px;height:48px;padding:10px;display:flex;align-items:center;justify-content:center}dialog button:hover{background:#ffffff12}.service-name{display:flex;align-items:center;gap:18px}.service-icon{width:28px;height:28px;flex-shrink:0}.social a:hover,.section-top>a:hover{color:var(--red)}.nav-ticket{border-radius:0}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}@media(max-width:700px){.marquee{font-size:8px;letter-spacing:1px;gap:12px}.service-icon{width:24px;height:24px}.music-link strong{font-size:16px}}

/* Readable typography and unobstructed mobile portrait. */
body{font-size:16px;line-height:1.6}h1{font-weight:600;letter-spacing:-.035em;line-height:1.08}h2{font-weight:600;letter-spacing:-.025em;line-height:1.2}.album{font-weight:500;letter-spacing:-.025em}.city{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.date{font-weight:600;letter-spacing:-.04em}.eyebrow{font-size:12px;letter-spacing:1px}.venue{font-size:13px;letter-spacing:.3px;line-height:1.6}.cta{font-size:15px}.muted{font-size:14px}.brand span{font-size:11px;letter-spacing:1px}.chips a{font-size:14px}.day{font-size:14px}.music-link small{font-size:13px}.hero-copy{max-width:100%}
@media(max-width:700px){
 header{position:relative;height:70px;padding:0 6%;background:var(--ink)}
 .hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:0;overflow:visible}
 .hero:before{display:none}
 .hero img{position:relative;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;display:block;z-index:auto}
 .hero-copy{width:100%;padding:28px 6% 34px;background:var(--ink)}
 .hero h1{font-size:clamp(38px,10.5vw,68px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 0}
 .hero .eyebrow{font-size:12px;letter-spacing:.8px}
 .tour-label{font-size:14px;margin:24px 0 6px}
 .album{font-size:30px;line-height:1.25;margin:0 0 24px}
 .hero .cta{font-size:14px;line-height:1.45;padding:18px 20px;min-height:58px}
 .hero-date{margin-top:20px;font-size:13px;line-height:1.5;display:block}
 .hero-date strong{font-size:23px;letter-spacing:-.02em}
 h2{font-size:30px;letter-spacing:-.025em}.tour-intro h1{font-size:clamp(33px,8.6vw,60px);overflow-wrap:anywhere}
 .tour-intro{padding-top:38px}.tour-intro p{font-size:16px}.about p{font-size:17px;line-height:1.75}.section-top>a{font-size:15px}.venue{font-size:14px}.show .cta{font-size:15px;min-height:52px}.social a{font-size:15px;min-height:44px}.nav-ticket{font-size:14px}.gallery button:first-child img{height:auto;aspect-ratio:2/3;object-fit:contain}.music-link strong{font-size:18px}footer{font-size:13px}.sticky{font-size:15px}
}

/* Original artist artwork, tinted without altering its silhouette. */
.brand-symbol{display:inline-flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;color:var(--cream)}
.brand .artist-mark{display:block;max-width:none;width:46px;height:46px;background:currentColor;-webkit-mask:url('/assets/artist-mark.png') center/contain no-repeat;mask:url('/assets/artist-mark.png') center/contain no-repeat}
.brand-wordmark{color:var(--cream);max-width:100%}.brand .artist-wordmark{display:block;max-width:100%;width:260px;height:46px;background:currentColor;-webkit-mask:url('/assets/artist-wordmark.png') center/contain no-repeat;mask:url('/assets/artist-wordmark.png') center/contain no-repeat}
@media(max-width:700px){.brand .artist-mark{display:block;width:42px;height:42px}.brand .artist-wordmark{display:block;width:240px;height:43px}.brand-symbol{min-width:44px;min-height:44px}footer .brand-wordmark{flex-basis:100%;justify-content:flex-start;margin-bottom:8px}}

.section-top>.muted{max-width:280px;line-height:1.6}.tour-note{max-width:560px;line-height:1.65;color:#cfc6bb}@media(max-width:700px){.section-top>.muted{display:block;margin-top:14px;max-width:100%}}

/* Poster type, fixed navigation and a raised concert background. */
header{position:sticky;top:0;z-index:20;background:rgba(16,14,12,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
h1,h2,.album,.city,.date,.number,.marquee{font-family:Unbounded,Manrope,sans-serif}
h1{letter-spacing:-.065em;font-weight:600}h2{letter-spacing:-.05em;font-weight:400}.album{letter-spacing:-.05em}.city{font-size:22px;letter-spacing:-.04em}.date{letter-spacing:-.06em}
.hero{isolation:isolate}.hero img{z-index:-2}.hero:before{z-index:-1}.tour-intro{padding-top:65px}
@media(max-width:700px){
 header{position:sticky;top:0;background:rgba(16,14,12,.96);height:70px}
 .hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:900px;height:calc(100svh - 70px);max-height:1100px;padding:0;overflow:hidden}
 .hero img{position:absolute;top:-135px;left:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;z-index:-2}
 .hero:before{display:block;content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100e0c 0%,#100e0cf5 22%,#100e0caa 39%,#100e0c00 62%);z-index:-1}
 .hero-copy{position:relative;z-index:1;background:transparent;padding:0 6% 32px;width:100%}
 .hero h1{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(34px,9.1vw,54px);line-height:1.12;letter-spacing:-.065em;margin:18px 0 0}
 .hero .eyebrow{font-size:11px;letter-spacing:1px}.tour-label{margin-top:24px;font-size:13px}.album{font-size:clamp(22px,6.4vw,32px);line-height:1.3;margin-bottom:22px}.hero-date{margin-top:20px;font-size:12px}.hero-date strong{font-size:24px;font-family:Manrope,sans-serif}
 h2{font-size:clamp(25px,6.8vw,34px);line-height:1.3;overflow-wrap:normal}.city{font-size:21px}.tour-intro{padding-top:40px}.tour-intro h1{font-size:clamp(28px,7.7vw,46px)}
}
@media(max-width:360px){.hero h1{font-size:31px}.hero{min-height:870px}.hero .eyebrow{font-size:10px}.album{font-size:22px}}

/* Keep every navigation destination available on narrow screens. */
@media(max-width:700px){header{padding-inline:4%;gap:10px}nav{gap:12px;font-size:12px}nav a:not(.nav-ticket){display:inline-flex;align-items:center;min-height:44px}.nav-ticket{font-size:12px;padding:10px;gap:5px}.nav-ticket .icon{width:14px;height:14px}.brand-symbol{flex-shrink:0}}
@media(max-width:350px){nav{gap:8px}.nav-ticket{padding:8px}.nav-ticket .icon{display:none}}
.city-message{padding:20px;border:1px solid var(--red);margin:0 0 24px;scroll-margin-top:110px;max-width:680px}
