.collage{position:relative;flex:none;width:65vw;min-width:720px;height:100%;overflow:hidden;isolation:isolate;--drift:0px;--turn:0deg}
.collage-frame{position:absolute;padding:10px 10px 0;border:2px solid #080808;background:#fff;box-shadow:8px 8px 0 #080808;cursor:pointer;width:47%;transform:translateY(var(--drift)) rotate(-10deg);transition:box-shadow .2s;top:17%;left:5%}
.collage-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.collage-frame>span{display:flex;justify-content:space-between;padding:12px 0;font-weight:800;text-transform:uppercase;font-size:20px}.collage-frame i{font-style:normal}.frame-two{left:45%;top:27%;transform:translateY(calc(var(--drift) * -1)) rotate(9deg);width:43%}.collage-frame:hover{z-index:4;box-shadow:12px 14px 0 #ed171f}
.collage-sticker{position:absolute;z-index:5;display:grid;place-items:center;border:2px solid #080808;padding:20px;background:#ed171f;color:white;font:900 clamp(24px,3.4vw,64px)/.92 Archivo,Arial,sans-serif;font-stretch:66%;letter-spacing:-.04em;text-align:center;cursor:grab;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(var(--angle,-8deg));transition:filter .2s;touch-action:pan-y}
.collage-sticker:hover{filter:drop-shadow(5px 6px 0 #080808)}.collage-sticker:active{cursor:grabbing}
.burst{top:10%;right:7%;width:240px;height:240px;padding:40px;clip-path:polygon(50% 0%,59% 13%,75% 7%,77% 23%,93% 25%,87% 41%,100% 50%,87% 59%,93% 75%,77% 77%,75% 93%,59% 87%,50% 100%,41% 87%,25% 93%,23% 77%,7% 75%,13% 59%,0% 50%,13% 41%,7% 25%,23% 23%,25% 7%,41% 13%);border:0;--angle:12deg;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(calc(12deg + var(--turn)))}
.tape{bottom:15%;left:1%;background:#080808;color:#fff;font-size:42px;padding:16px 36px;white-space:nowrap;--angle:-12deg}
.oval{bottom:11%;right:4%;border-radius:50%;width:210px;height:110px;background:white;color:#ed171f;font-size:32px;--angle:13deg;box-shadow:4px 5px 0 #080808}
.collage-two .burst{background:#080808}.collage-two .tape{background:#ed171f}.collage-two .frame-one{top:22%;transform:translateY(var(--drift)) rotate(8deg)}.collage-two .frame-two{top:12%;transform:translateY(calc(var(--drift) * -1)) rotate(-9deg)}
.section-tag{top:53%;left:38%;font-size:40px;--angle:-9deg;border-radius:999px;padding:16px 32px}.festival-tag{top:43%;left:28%;font-size:48px;--angle:7deg;box-shadow:5px 5px 0 #080808}
.end-burst{right:8%;top:13%;width:240px;height:240px;border-radius:50%;--angle:14deg;font-size:58px}.end-tape{right:7%;bottom:15%;background:#080808;font-size:34px;--angle:-8deg}
.record-stamp{width:fit-content;border:2px solid #ed171f;color:#ed171f;font-size:14px;font-weight:800;letter-spacing:.12em;padding:6px 12px;transform:rotate(-3deg)}.record-stamp::before{content:'';display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:8px}
.p1__text{gap:18px}.p1 h1{font-size:min(23vh,14.5vw)}
@media(max-width:999px){.collage{width:100%;min-width:0;height:650px;border-block:1px solid #ddd;margin:0;}.collage-frame{width:48%;left:5%;top:18%}.frame-two{width:46%;left:46%;top:32%}.collage-frame>span{font-size:14px}.burst{width:165px;height:165px;top:7%;right:4%;padding:28px;font-size:38px}.tape{font-size:28px;bottom:18%;padding:14px 22px}.oval{width:155px;height:85px;font-size:26px;bottom:9%}.section-tag,.festival-tag{position:relative;top:auto;left:auto;align-self:center;font-size:30px;margin:10px 0 25px;max-width:90%}.end-burst,.end-tape{position:relative;right:auto;top:auto;bottom:auto;align-self:flex-end;margin:20px 0;max-width:95%}.end-burst{width:160px;height:160px;font-size:40px}.end-tape{font-size:26px}.p1 h1{font-size:23vw}}
@media(prefers-reduced-motion:reduce){.collage{--drift:0px!important;--turn:0deg!important}.collage-sticker,.collage-frame{transition:none}}
.p1__media{width:min(68vh,45vw);aspect-ratio:4/3}.p1{gap:4vw}.hero-reel{cursor:default}.hero-reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.hero-reel img{object-fit:cover}.reel-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;color:white;display:grid;place-items:center}.reel-overlay span{display:grid;place-items:center;width:68px;height:68px;border:2px solid white;border-radius:50%;background:#08080880;font-size:24px;transition:transform .2s,background .2s}.reel-overlay:hover span{transform:scale(1.12);background:#ed171f}.hero-reel:hover img{transform:none}
@media(max-width:999px){.p1__media{width:calc(100% - 16px)}.reel-overlay span{width:52px;height:52px;font-size:18px}}