/* Source artwork remains complete. This sheet owns the landing layout. */
.poster-hero {
 height:100svh;min-height:0;padding:0;overflow:clip;
 background:#08243e url('/static/flyer-background-restored-20260913.fc33a46f0540e103.webp') center/100% 100% no-repeat;
}
.poster-frame {inset:9px;border-width:32px;border-image:url('/static/frame-artwork.21bdd39b07617a22.webp') 44 / 32px / 0 stretch;opacity:1;z-index:8}
.hero-composition {width:calc(100% - 84px);height:calc(100% - 72px);max-width:1800px;aspect-ratio:auto}
.poster-layer {display:flex;align-items:center;justify-content:center}
.poster-layer>img {display:block;width:100%;height:100%;object-fit:contain;clip-path:none}
.hero-title {width:76%;height:32%;left:12%;top:5%;z-index:6}
.hero-support {width:50%;height:17%;left:25%;top:33%;z-index:5}
.hero-mountain.hero-ensemble {width:80%;height:48%;left:10%;top:44%;z-index:2}
.hero-mountain.hero-ensemble>img {width:100%;height:100%;object-fit:contain;clip-path:none;animation:source-scene-breathe 12s ease-in-out infinite}
.hero-dead {width:14%;height:23%;left:6%;top:35%;z-index:4}
.hero-phish {width:16%;height:22%;right:5%;top:36%;z-index:4}
.hero-event-art {width:60%;height:20%;left:20%;top:79%;z-index:5}
.hero-date,.hero-time {width:20%;height:15%;top:80%;display:flex;flex-direction:column;z-index:5}
.hero-date {left:0}.hero-time {right:0}
.date-window {width:100%;height:78%;overflow:visible;display:flex;justify-content:center}
.hero-date .date-window img,.hero-time .date-window img {width:100%;height:100%;max-width:100%;object-fit:contain;margin:0}
.hero-main-act {margin:2px 0 0;font-size:clamp(9px,1.35svh,13px)}
/* Rebuild the original crown, side flourishes, and lower floral border. */
.hero-trim .ornament {display:block;height:auto;max-height:13%;object-fit:contain;clip-path:none;animation:source-flower 12s ease-in-out infinite}
.hero-trim .ornament:nth-child(2n) {animation-delay:-5s;animation-direction:reverse}
.flower-coral-left,.flower-coral-right {width:10%;top:1%}
.flower-coral-left{left:8%}.flower-coral-right{right:8%}
.flower-sun-top{width:7%;max-height:10%;left:46.5%;top:-1%;z-index:7}
.flower-salmon-left,.flower-salmon-right{width:5%;top:16%}
.flower-salmon-left{left:1%}.flower-salmon-right{right:1%}
.petals-left,.petals-right{width:10%;top:5%;z-index:1}
.petals-left{left:calc(50% - 27svh)}.petals-right{right:calc(50% - 27svh)}
.hero-trim .petals-right{animation:none;transform:scaleX(-1)}
.ring-left,.ring-right{width:4%;top:0}
.ring-left{left:22%}.ring-right{right:22%}
.curl-left,.curl-right{width:5%;top:1%}
.curl-left{left:39%}.curl-right{right:39%}
.bead-left,.bead-right{width:2%;top:2%}
.bead-left{left:33%}.bead-right{right:33%}
.crown-small-left,.crown-small-right{width:4.5%;top:0}
.crown-small-left{left:0}.crown-small-right{right:0}
.crown-bead-left,.crown-bead-right{width:2%;top:23%}
.crown-bead-left{left:4%}.crown-bead-right{right:4%}
.chain-left,.chain-right{width:4%;top:30%;max-height:24%!important;transform-origin:50% 0}
.chain-left{left:2%}.chain-right{right:2%}
.hero-trim .chain-left,.hero-trim .chain-right{animation:hanging-sway 8s ease-in-out infinite}
.flower-small-left,.flower-small-right{width:4%;top:32%}
.flower-small-left{left:17%}.flower-small-right{right:17%}
.support-curl-left,.support-curl-right{width:6%;top:46%;z-index:3}
.support-curl-left{left:32%;rotate:-18deg}.support-curl-right{right:32%;rotate:18deg}
.scene-flower-left,.scene-flower-right{width:4.5%;top:61%}
.scene-flower-left{left:15%}.scene-flower-right{right:15%}
.scene-bead-left,.scene-bead-right{width:1.8%;top:61%}
.scene-bead-left{left:11%}.scene-bead-right{right:11%}
.star-left,.star-right{width:2.5%;top:55%}
.star-left{left:4%}.star-right{right:4%}
.flower-orange-left,.flower-orange-right{width:6%;top:72%}
.flower-orange-left{left:20%}.flower-orange-right{right:20%}
.flower-purple-left,.flower-purple-right{width:5%;top:73%}
.flower-purple-left{left:13%}.flower-purple-right{right:13%}
.lower-flower-left,.lower-flower-right{width:6%;top:92%}
.lower-flower-left{left:4%}.lower-flower-right{right:4%}
.lower-salmon-left,.lower-salmon-right{width:5%;top:92%}
.lower-salmon-left{left:17%}.lower-salmon-right{right:17%}
.footer-small-left,.footer-small-right{width:4%;top:73%}
.footer-small-left{left:0}.footer-small-right{right:0}
.footer-curl-left,.footer-curl-right{width:5%;top:94%}
.footer-curl-left{left:36%;rotate:-35deg}.footer-curl-right{right:36%;rotate:35deg}
.footer-bead{width:2.5%;left:48.75%;top:96%}
.hero-dead>img{animation:source-mark 10s ease-in-out infinite}
.hero-phish>img{animation:source-mark 12s -4s ease-in-out infinite reverse}
@keyframes source-flower{0%,100%{translate:0 0;transform:rotate(-2deg)}50%{translate:0 -3px;transform:rotate(2deg)}}
@keyframes source-mark{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes source-scene-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.poster-hero.is-scene-paused *{animation-play-state:paused!important}
/* Near-square windows use the flyer's original visual ordering as well. */
@media(max-aspect-ratio:6/5){
 .hero-composition{width:calc(100% - 64px);height:calc(100% - 64px)}
 .petals-left,.petals-right{top:15%}
 .hero-title{width:100%;height:29%;left:0;top:7%}
 .hero-support{width:73%;height:15%;left:13.5%;top:34%}
 .hero-mountain.hero-ensemble{width:100%;height:43%;left:0;top:45%}
 .hero-dead{width:17%;height:16%;left:0;top:40%}
 .hero-phish{width:19%;height:16%;right:0;top:41%}
 .hero-event-art{width:78%;height:15%;left:11%;top:80%}
 .hero-date,.hero-time{width:27%;height:9%;top:91%}
 .hero-date{left:15%}.hero-time{right:15%}
 .hero-main-act{font-size:9px}
 .flower-sun-top{width:10%;left:45%;top:0}
 .flower-coral-left,.flower-coral-right{width:12%;top:1%}
 .flower-coral-left{left:10%}.flower-coral-right{right:10%}
 .flower-salmon-left,.flower-salmon-right{top:10%;width:6%}
 .flower-small-left,.flower-small-right{top:34%;width:5%}
 .flower-small-left{left:5%}.flower-small-right{right:5%}
 .chain-left,.chain-right{top:31%;width:4%;max-height:12%!important}
 .support-curl-left,.support-curl-right{top:47%;width:7%}
 .scene-flower-left,.scene-flower-right{top:58%;width:5%}
 .scene-flower-left{left:9%}.scene-flower-right{right:9%}
 .scene-bead-left,.scene-bead-right{top:54%}
 .scene-bead-left{left:11%}.scene-bead-right{right:11%}
 .flower-orange-left,.flower-orange-right{top:74%;width:6%}
 .flower-orange-left{left:10%}.flower-orange-right{right:10%}
 .flower-purple-left,.flower-purple-right{top:77%;width:5%}
 .flower-purple-left{left:4%}.flower-purple-right{right:4%}
 .footer-small-left,.footer-small-right{top:83%;width:4%}
 .lower-flower-left,.lower-flower-right{top:93%;width:7%}
 .lower-flower-left{left:1%}.lower-flower-right{right:1%}
 .lower-salmon-left,.lower-salmon-right{top:88%;width:5%}
 .lower-salmon-left{left:2%}.lower-salmon-right{right:2%}
 .footer-curl-left,.footer-curl-right{top:96%;width:5%}
 .footer-curl-left{left:43%}.footer-curl-right{right:43%}
 .footer-bead{top:99%;width:3%;left:48.5%}
}
@media(max-width:600px) and (max-aspect-ratio:6/5){
 .poster-frame{inset:5px;border-width:18px;border-image-width:18px}
 .hero-composition{width:calc(100% - 34px);height:calc(100% - 56px)}
 .hero-title{height:25%;top:6%}
 .petals-left,.petals-right{top:9%}
 .petals-left{left:15%}.petals-right{right:15%}
 .hero-support{width:83%;left:8.5%;height:14%;top:29%}
 .hero-dead{top:37%;height:11%}.hero-phish{top:38%;height:11%}
 .hero-mountain.hero-ensemble{top:41%;height:40%}
 .hero-event-art{width:100%;left:0;top:78%;height:16%}
 .hero-date,.hero-time{top:93%;width:34%;height:8%}
 .hero-date{left:11%}.hero-time{right:11%}
 .flower-small-left,.flower-small-right{top:31%;width:5%}
 .support-curl-left,.support-curl-right{top:43%}
 .scene-flower-left,.scene-flower-right{top:48%;width:4%}
 .scene-flower-left{left:16%}.scene-flower-right{right:16%}
 .chain-left,.chain-right{top:27%}
 .flower-orange-left,.flower-orange-right{top:74%}
 .flower-purple-left,.flower-purple-right{top:76%}
 .lower-salmon-left,.lower-salmon-right{top:89%}
 .footer-curl-left,.footer-curl-right,.footer-bead{display:none}
}
/* Keep the complete original illustration moving as one intact layer. */
.hero-mountain.hero-ensemble {animation:source-scene-breathe 12s ease-in-out infinite}
.hero-mountain.hero-ensemble>img {position:relative;animation:none}

/* Restrained mist crosses the middle, behind the intact mountain and bears. */
.scene-filter-defs {position:absolute;pointer-events:none;overflow:hidden}
.hero-cloud-passage {position:absolute;left:-10%;right:-10%;top:25%;height:51%;z-index:5;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 66%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 66%,transparent)}
.hero-cloud-passage img {width:125%;height:100%;max-width:none;object-fit:fill;opacity:.2;animation:hero-mist-drift 24s ease-in-out -7s infinite}
.hero-support {z-index:4}
.hero-mountain.hero-ensemble {z-index:6;animation:source-scene-breathe 7s ease-in-out infinite}
.hero-mountain.hero-ensemble>img {width:auto;height:auto;max-width:100%;max-height:100%;filter:none}
.hero-title,.hero-event-art,.hero-date,.hero-time {z-index:7}
.hero-dead>img {animation-duration:5.6s}
.hero-phish>img {animation-duration:6.8s}
.hero-main-act {font-size:clamp(14px,1.9svh,19px);line-height:1.3;white-space:nowrap;color:#ffe6ba;text-shadow:0 2px 5px #061624,0 0 12px #061624;font-weight:600}
.hero-main-act strong {font-size:1.22em;color:#fff3dd}
@keyframes hero-mist-drift {0%,100%{transform:translate(-10%,3%) rotate(-3deg) scale(1.03)}35%{transform:translate(-2%,-5%) rotate(1deg) scale(1.09)}70%{transform:translate(4%,2%) rotate(2deg) scale(1.04)}}
@media(max-aspect-ratio:6/5){.hero-main-act{font-size:14px}.hero-date,.hero-time{top:90%;height:10%}.hero-cloud-passage{top:29%;height:44%}}
@media(max-width:600px) and (max-aspect-ratio:6/5){.hero-date,.hero-time{top:90%;height:10%}.hero-main-act{font-size:12px;margin-top:0}.hero-time .date-window{height:66%}.hero-cloud-passage{top:27%;height:46%}}


/* Keep the original mountain and two bears completely still. */
.hero-mountain.hero-ensemble,
.hero-mountain.hero-ensemble>img {animation:none!important;transform:none!important;translate:none!important;rotate:none!important;filter:none!important}

/* The cloud corridor crosses the marks and support line, behind the mountain. */
.hero-cloud-variety {top:27%;height:48%;left:-12%;right:-12%;z-index:5;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
.hero-cloud-variety .cloud-bank-a {left:-24%;top:8%;width:94%;height:82%;opacity:.32}
.hero-cloud-variety .cloud-bank-b {left:34%;top:-3%;width:91%;height:80%;opacity:.26}
.hero-cloud-variety .cloud-bank-c {left:6%;top:34%;width:98%;height:64%;opacity:.18}
@media(max-width:600px){.hero-cloud-variety{top:28%;height:46%}.hero-cloud-variety .cloud-bank-a{left:-45%;width:135%}.hero-cloud-variety .cloud-bank-b{left:27%;width:132%}}

/* No rectangular blend group: only the masked cloud pixels cross the artwork. */
.hero-cloud-variety {mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Strengthen the existing, correctly isolated cloud textures, not the background. */
.hero-cloud-variety .cloud-bank-a {opacity:.53}
.hero-cloud-variety .cloud-bank-b {opacity:.44}
.hero-cloud-variety .cloud-bank-c {opacity:.32}

/* Continue the landing's own blue into the shortened bridge, below the art. */
.poster-hero::after {content:'';position:absolute;left:0;right:0;bottom:0;height:clamp(70px,10vh,120px);z-index:0;pointer-events:none;background:linear-gradient(transparent,#08243e)}