/* Final geometry owns spacing; previous collage styling retains the visual language. */
:root{--gut:32px;--top:72px;--bottom:60px}
[hidden]{display:none!important}
.panel{padding-top:calc(var(--top) + 18px);padding-bottom:calc(var(--bottom) + 18px);gap:24px;box-sizing:border-box}
.p1{display:grid;grid-template-columns:1.12fr 1fr;gap:4vw;align-items:center}
.p1__media{width:100%;margin:0;min-width:0}.p1__text{gap:14px;min-width:0}.p1 h1{font-size:min(21vh,13.7vw);line-height:1}.p1__sub{font-size:18px;max-width:34ch}
.p1__media .sticker:nth-of-type(1){left:0!important;top:-10%!important}.p1__media .sticker--dark{right:-3%!important;top:6%!important}.p1__media .sticker--round{right:-2%!important;bottom:-9%!important;width:110px}
.collage{width:48vw;min-width:540px}.collage-frame{top:19%;width:48%;left:4%;max-height:65%;}.collage-frame img{aspect-ratio:1;max-height:48vh}.frame-two{left:45%;top:34%;width:46%}.collage-two .frame-one{top:28%}.collage-two .frame-two{top:17%}.burst{width:180px;height:180px;font-size:42px;top:12%;padding:30px}.tape{bottom:14%;font-size:30px}.oval{bottom:21%;width:165px;height:95px;font-size:28px}
.p2{width:220vw;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;padding-right:32px;justify-content:normal}
.p2__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px}.p2 h2{font-size:clamp(48px,7vw,110px);line-height:1;white-space:normal}.section-tag{position:static;flex:none;margin:0 20px;font-size:25px;transform:rotate(-5deg);padding:12px 24px;max-width:300px}
#rowStages{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;min-height:0}
#rowStages .tile{display:grid;grid-template-rows:minmax(0,1fr) auto;width:auto!important;min-width:0;gap:8px}
#rowStages .shot{width:100%;height:100%;min-height:0;aspect-ratio:auto}
.card-caption{display:grid;gap:4px;min-width:0}.card-caption b{font-size:20px;line-height:1.1}.card-caption .micro{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3{width:100vw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;justify-content:normal}
.p3 h2{font-size:clamp(48px,8vw,120px);line-height:1}.p3__head{min-width:0}
#rowFests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:center;min-height:0}
#rowFests .tile{width:100%!important;min-width:0}.festival-tag{position:static;justify-self:end;font-size:25px;padding:12px 22px;transform:rotate(3deg);margin:4px 12px}
.p4{width:95vw;display:grid;grid-template-columns:.85fr 1fr;gap:40px}.p4__photo{height:100%;max-height:65vh;width:100%;aspect-ratio:auto}.p4 h2{font-size:clamp(48px,7vw,104px)}.p4__body{gap:20px}
.p5{width:95vw;display:grid;grid-template-columns:1fr auto;align-content:center;gap:24px}.p5 h2,.p5 .mail,.p5__row{grid-column:1/-1}.p5 h2{font-size:clamp(70px,11vw,160px)}.mail{font-size:5.4vw}.end-burst,.end-tape{position:static;align-self:center;justify-self:start;margin:0;transform:rotate(-6deg)}.end-burst{width:150px;height:150px;font-size:36px}.end-tape{justify-self:end;font-size:28px}
@media(max-width:999px){:root{--gut:20px;--top:68px}.panel{padding:38px 20px;gap:22px}.p1{display:flex;padding-top:104px;gap:36px}.p1__media{width:calc(100% - 14px);margin:10px 7px}.p1 h1{font-size:23vw}.p1__sub{font-size:16px}.p1__media .sticker--round{width:85px}.p1__media .sticker b{font-size:24px}.p1__media .sticker--dark{padding:12px}.collage{width:100%;min-width:0;height:440px}.collage-frame{top:17%;width:46%}.frame-two{top:33%;left:47%}.burst{width:140px;height:140px;font-size:30px;top:6%}.tape{bottom:12%;font-size:22px}.oval{bottom:17%;width:135px;height:75px;font-size:21px}.p2,.p3,.p4,.p5{display:flex;flex-direction:column;width:100%}.p2__foot{display:block;min-height:0}.p2 h2,.p3 h2,.p4 h2{font-size:clamp(40px,11vw,78px)}.section-tag{font-size:18px;margin:18px 0 5px;padding:10px 16px;width:fit-content}#rowStages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:22px 12px;margin:0;padding:0;overflow:visible}#rowStages .tile{grid-template-rows:auto auto}#rowStages .shot{aspect-ratio:1;height:auto}.card-caption b{font-size:16px}.card-caption .micro{font-size:9px}#rowFests{display:grid;grid-template-columns:1fr;gap:26px;margin:0;padding:0;overflow:visible}.festival-tag{align-self:flex-end;font-size:20px;max-width:90%}.p4__photo{max-width:100%;width:100%;height:auto;aspect-ratio:4/5;max-height:440px}.p5 h2{font-size:18vw}.mail{font-size:7vw}.end-burst{align-self:flex-start;width:125px;height:125px;font-size:30px}.end-tape{align-self:flex-end;font-size:22px;max-width:90%}.tabs{gap:20px}}
@media(min-width:1000px) and (max-height:700px){.p2__foot{min-height:50px}.p2 h2,.p3 h2{font-size:64px}.card-caption b{font-size:16px}.p1 h1{font-size:20vh}.p1__sub{font-size:15px}.record-stamp{display:none}.p4__body{gap:12px}.p4__lead{font-size:18px}.p4 h2{font-size:60px}.p5 h2{font-size:90px}.end-burst{width:100px;height:100px;font-size:26px}}
.hero-reel iframe{opacity:0}.hero-reel iframe.reel-playing{opacity:1}.p1__media .sticker:nth-of-type(1){left:5%!important}