/* Full-bleed scenic opening and the supplied studio portrait. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.header{position:absolute;top:0;left:0;right:0;background:transparent;color:#11231d;height:100px}
.header nav{margin-left:0;background:rgba(248,249,238,.88);padding:4px 24px;gap:30px}
.header-action{background:var(--ink);color:var(--white);padding:12px 18px;gap:18px}
.hero{display:block;position:relative;min-height:700px;height:100svh;max-height:1150px;padding:0;background:var(--green);isolation:isolate;overflow:hidden}
.hero-art{position:absolute;inset:0;min-height:0;height:100%;width:100%;margin:0;border-radius:0;z-index:-2}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;animation:road-arrival 1400ms var(--ease) both}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(transparent,rgba(8,23,17,.72));z-index:-1;pointer-events:none}
.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:60px;width:auto;padding:0;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center;color:var(--white)}
.hero-copy>p{margin:0;font-weight:700;font-size:20px;line-height:1.5;max-width:none;width:100%}
.hero-copy .button{margin:0;display:inline-flex;min-width:250px;background:var(--yellow);color:var(--ink)}
.hero-copy>.text-link{margin:0;min-height:60px}
.hero-bottom{padding:12px var(--gutter);color:var(--white);font-size:13px}
.hero-bottom>span:nth-child(2){display:none}
.band{padding:0;background:#20242b;color:var(--white);position:relative}
.band-stage{position:relative;max-height:1050px;overflow:hidden;isolation:isolate}
.band-background{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}
.band-stage:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,12,19,.78));pointer-events:none;z-index:0}
.portrait-labels{position:absolute;left:0;right:0;bottom:8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 5%;z-index:1;align-items:start}
.portrait-label{text-align:center}.portrait-label h3{font-family:Manrope,sans-serif;font-size:clamp(20px,2.5vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.portrait-label p{font-size:18px;line-height:1.5;margin:10px auto 0;font-weight:400}
.live,.booking,.questions,.footer{position:relative;isolation:isolate}
.live{background:url('assets/4d0f1460bd7d0f79.jpg') center 38%/cover}
.booking{background:url('assets/celta-estrada.png') center/cover}
.questions{background:url('assets/celta-estrada.png') center 15%/cover}
.footer{background:url('assets/celta-estrada.png') center 70%/cover}
.live:before,.booking:before,.questions:before,.footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.live:before,.footer:before{background:rgba(17,47,38,.91)}
.booking:before{background:rgba(237,212,93,.88)}
.questions:before{background:rgba(198,233,238,.91)}
.road-note{background:rgba(9,28,20,.72);gap:22px 34px}.road-note>p{flex-basis:100%;font-size:20px;font-weight:700}.road-note>.past-venue{font:700 18px/1.4 Manrope,sans-serif;margin:0;max-width:30ch}
@media(hover:hover) and (pointer:fine){.hero-copy .button:hover{background:var(--white);color:var(--ink)}}
@media(min-width:1600px){.hero{min-height:800px}.hero-art{min-height:0}.band-background{aspect-ratio:1.7;object-position:center 35%}}
@media(max-width:1000px){.header{height:86px}.header nav{gap:22px;padding:3px 18px}.hero{min-height:650px}.hero-copy{bottom:62px}.band-stage{max-height:none}.portrait-labels{padding:0 3%;gap:12px}.portrait-label h3{font-size:24px}.portrait-label p{font-size:16px}.hero-art{min-height:0}}
@media(max-width:760px){.header{height:78px;padding:0 18px;gap:15px}.header nav{padding:0;background:none;gap:20px;margin:auto}.header-action{padding:12px;gap:0}.wordmark{font-size:23px}.hero{height:100svh;max-height:740px;min-height:620px;padding:0}.hero-art{position:absolute;height:100%;aspect-ratio:auto;inset:0;order:initial}.hero-art img{object-fit:cover;object-position:50% 40%}.hero-copy{display:flex;left:22px;right:22px;bottom:65px;gap:5px;padding:0;order:initial}.hero-copy>p{font-size:17px;margin:0 0 13px}.hero-copy .button{width:100%;min-height:56px}.hero-copy>.text-link{min-height:44px}.hero-bottom{padding:12px 22px}.hero:after{height:36%;background:linear-gradient(transparent,rgba(8,23,17,.9))}.band{padding:0}.band-stage{padding-bottom:93px;background-image:linear-gradient(rgba(18,23,31,.74),rgba(18,23,31,.74)),url('assets/trio-estudio.png');background-size:cover;background-position:center bottom}.band-background{aspect-ratio:1.5;object-fit:contain}.band-stage:after{inset:50% 0 0;background:linear-gradient(transparent,rgba(7,12,19,.82))}.portrait-labels{bottom:24px;left:0;right:0;gap:8px;padding:0 12px}.portrait-label h3{font-size:clamp(13px,3.8vw,20px);line-height:1.25;letter-spacing:-.015em;text-wrap:balance}.portrait-label p{font-size:13px;margin-top:7px}.road-note{display:flex;gap:24px;align-items:center}.road-note>p{font-size:18px}.road-note>a,.road-note>.past-venue{font-size:17px;width:100%;max-width:none}.live,.booking,.questions,.footer{background-position:center;background-attachment:scroll}}
@media(max-width:360px){.header nav{gap:14px}.hero{min-height:600px;max-height:680px}.hero-art img{object-position:50% 40%}.portrait-labels{gap:5px;padding:0 8px}.portrait-label h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none}}

@media(max-width:760px){.hero-art img{object-position:48% 40%}}