/* The animated cast sits between the illustrated stage and foreground light. */
.event-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
.event-artwork{min-width:0;width:100%;min-height:720px;aspect-ratio:auto;overflow:hidden;background:#643748}
.event-scene{animation:none;transform:scale(1.025);object-fit:cover}
.scene-shade{z-index:-2;background:linear-gradient(#26161b44,transparent 26%,transparent 82%,#352229b3)}
.event-panel[data-theme=walima] .scene-shade{background:linear-gradient(#fff9ed55,transparent 25%,transparent 80%,#fdf5e6dd)}
.toon-cast{position:absolute;inset:0;z-index:0;pointer-events:none}
.toon-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;visibility:hidden;transition:opacity .75s,visibility .75s;filter:drop-shadow(0 8px 5px #3d25142b)}
.event-panel[data-theme=mehndi] .toon-mehndi,.event-panel[data-theme=baraat] .toon-baraat,.event-panel[data-theme=walima] .toon-walima{opacity:1;visibility:visible}
.toon-layer image{pointer-events:none}
.actor-motion,.toon-head,.welcome-hand,.bouquet-motion,.toon-blink{transform-box:view-box;animation-play-state:paused!important}
.actor-mehndi{transform-origin:500px 0;animation:jhoolaSway 5.8s ease-in-out infinite}
.actor-baraat{transform-origin:500px 1200px;animation:welcomeBreath 4.8s ease-in-out infinite}
.head-groom{animation:groomNod 7.8s ease-in-out infinite}.head-bride{animation:brideTilt 8.4s -2s ease-in-out infinite}
.welcome-hand{animation:welcomeWave 6.8s 1.2s ease-in-out infinite}
.bouquet-motion{animation:bouquetSway 6.2s ease-in-out infinite}
.toon-blink{transform-origin:0 0;animation:cartoonBlink 6.7s linear infinite;opacity:0}
.blink-bride{animation-duration:5.9s;animation-delay:-2.3s}
.event-panel.is-lit[data-theme=mehndi] .toon-mehndi .actor-motion,.event-panel.is-lit[data-theme=baraat] .toon-baraat .actor-motion,.event-panel.is-lit[data-theme=walima] .toon-walima .actor-motion,
.event-panel.is-lit[data-theme=mehndi] .toon-mehndi .toon-head,.event-panel.is-lit[data-theme=baraat] .toon-baraat .toon-head,.event-panel.is-lit[data-theme=walima] .toon-walima .toon-head,
.event-panel.is-lit[data-theme=mehndi] .toon-mehndi .toon-blink,.event-panel.is-lit[data-theme=baraat] .toon-baraat .toon-blink,.event-panel.is-lit[data-theme=walima] .toon-walima .toon-blink,
.event-panel.is-lit[data-theme=baraat] .welcome-hand,.event-panel.is-lit[data-theme=walima] .bouquet-motion{animation-play-state:running!important}
.event-panel .event-artwork .event-urdu{margin-top:26px;font-size:34px;text-shadow:0 2px 14px #3e191e,0 1px 2px #5f3425;line-height:1.6}
.event-artwork>p{font-size:23px;margin-bottom:23px!important;max-width:86%;line-height:1.5}
.event-art-number{right:18px;bottom:27px;font-size:32px;opacity:.2}
.scene-light{z-index:1}.scene-petals{z-index:2}.occasion-scenery{z-index:1}
.scene-curtains{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.scene-curtain{position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#5c1e31 0,#94344a 12%,#6d2035 24%,#ac5364 35%,#5c1e31 46%);box-shadow:0 0 20px #1b0d1766;border-bottom:8px double #d3b074}
.curtain-left{left:0;transform:translateX(-105%);border-right:2px solid #d9b071}.curtain-right{right:0;transform:translateX(105%);border-left:2px solid #d9b071}
.scene-curtain>svg{position:absolute;width:80%;height:80%;top:12%;left:10%;color:#e9c08455}
.curtain-right>svg{transform:scaleX(-1)}
.event-panel[data-theme=mehndi] .scene-curtain{background:repeating-linear-gradient(90deg,#244d35,#39754e 13%,#205038 25%,#518456 36%,#244d35 48%);border-color:#ecbe4c}
.event-panel[data-theme=walima] .scene-curtain{background:repeating-linear-gradient(90deg,#d4bc97,#fff7e9 14%,#e9d5b9 25%,#fffdf5 36%,#d4bc97 48%);border-color:#bd9c67}
.event-panel[data-theme=walima] .scene-curtain>svg{color:#b7976655}
.event-content{padding:42px 43px 36px;display:flex;flex-direction:column;justify-content:center}
.event-content>h3{font-size:40px;margin-bottom:13px}.event-content>p:not(.eyebrow){margin-bottom:20px}
.event-soundtrack{display:flex;align-items:center;gap:12px;padding:15px 0 10px;border-top:1px solid #c6a98244}
.soundtrack-icon{font-size:25px;color:#a17e4f}.event-soundtrack>div{flex:1;min-width:0}
.soundtrack-label{display:block;font:6px/1.5 var(--sans);letter-spacing:1.3px;color:#9d7f68;margin-bottom:5px}
.event-soundtrack strong{display:block;font:15px/1.4 var(--serif);font-weight:normal;color:#70424b}
#eventMusicButton{font:9px var(--sans);white-space:nowrap;border:1px solid #b89a8255;border-radius:30px;background:#f1e4d8;padding:10px 12px;color:#714552;min-height:36px}
.scene-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;min-height:21px}
.scene-controls>p{font:9px/1.5 var(--sans);color:#8e7668;margin:0;max-width:65%}
.scene-controls .text-button{font-size:8px;padding:0;border:0;white-space:nowrap;color:#997050}
.event-date-line{margin-top:0;padding-block:15px}.event-timeline{margin-block:20px}.event-venue{padding-top:10px}
.current-track{font:italic 15px/1.4 var(--serif);color:#805b55;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #decab633}
.music-playing .soundtrack-icon{animation:musicBreathe 2s ease-in-out infinite}
.lang-ur .event-soundtrack{direction:rtl}.lang-ur .event-soundtrack strong{font:19px/1.4 NoorArabic,serif}.lang-ur .soundtrack-label{font:10px/1.5 NoorArabic,serif;letter-spacing:0}.lang-ur #eventMusicButton{font:13px NoorArabic,serif;letter-spacing:0;padding:8px 10px}.lang-ur .scene-controls>p{font:13px/1.5 NoorArabic,serif}.lang-ur .scene-controls .text-button{font:12px NoorArabic,serif}.lang-ur .current-track{font:18px/1.6 NoorArabic,serif}.lang-ur .event-content>h3{font-size:38px}
@keyframes jhoolaSway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
@keyframes welcomeBreath{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.002)}}
@keyframes groomNod{0%,30%,100%{transform:rotate(0deg)}42%{transform:rotate(.65deg)}62%{transform:rotate(-.45deg)}78%{transform:rotate(0deg)}}
@keyframes brideTilt{0%,100%{transform:rotate(0deg)}35%,55%{transform:rotate(-.55deg)}75%{transform:rotate(.35deg)}}
@keyframes welcomeWave{0%,12%,46%,100%{transform:rotate(0deg)}18%,32%{transform:rotate(-5deg)}25%,39%{transform:rotate(4deg)}}
@keyframes bouquetSway{0%,100%{transform:rotate(-.6deg)}50%{transform:rotate(.8deg)}}
@keyframes cartoonBlink{0%,92%,100%{opacity:0;transform:scaleY(.05)}93%{opacity:1;transform:scaleY(.12)}94.4%,95.2%{opacity:1;transform:scaleY(1)}96.5%{opacity:0;transform:scaleY(.05)}}
@keyframes musicBreathe{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:1000px) and (min-width:701px){.event-panel{grid-template-columns:1fr 1.05fr}.event-content{padding:30px 26px}.event-artwork{min-height:740px}.event-content>h3{font-size:34px}.soundtrack-label{font-size:5px;letter-spacing:.8px}.event-soundtrack{gap:9px}.event-soundtrack strong{font-size:14px}#eventMusicButton{font-size:8px;padding:8px}}
@media(max-width:700px){.event-panel{grid-template-columns:1fr}.event-artwork{min-height:0;aspect-ratio:4/5;max-height:none}.event-content{padding:30px 25px}.event-panel .event-artwork .event-urdu{margin-top:17px;font-size:29px}.event-artwork>p{font-size:20px;margin-bottom:16px!important}.event-art-number{bottom:19px;font-size:25px}.event-content>h3{font-size:36px}.event-soundtrack{gap:10px}.event-soundtrack strong{font-size:15px}.soundtrack-label{font-size:5px;letter-spacing:.9px}.scene-controls>p{font-size:8px}.lang-ur .event-panel .event-artwork .event-urdu{font-size:29px}.lang-ur .event-artwork>p{font-size:18px}.lang-ur .event-content>h3{font-size:34px}.lang-ur .event-soundtrack strong{font-size:17px}}
@media(max-width:365px){.event-content{padding-inline:21px}.event-soundtrack{gap:8px}.event-soundtrack strong{font-size:13px}.soundtrack-icon{font-size:21px}#eventMusicButton{font-size:8px;padding:9px}.event-panel .event-artwork .event-urdu{font-size:25px}.event-artwork>p{font-size:17px}.lang-ur #eventMusicButton{font-size:12px}}
@media(prefers-reduced-motion:reduce){.actor-motion,.toon-head,.welcome-hand,.bouquet-motion,.toon-blink,.soundtrack-icon{animation:none!important}.toon-blink{display:none}.toon-layer{transition:none}.scene-curtains{display:none}}
@media(max-width:700px){.event-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:5px}.event-tabs button{min-width:0;width:auto;padding-inline:0}.event-tabs button>span{font-size:clamp(16px,4.5vw,20px)}.event-tabs small{letter-spacing:.4px}.lang-ur .event-tabs button>span{font-size:22px}}

.event-panel[data-theme=walima] .event-artwork .event-urdu{color:#6d563c;text-shadow:0 1px 1px #fff8ee}