/* Ivory day markers connect the two days without competing with the event art. */
#events ol > .day-header{position:relative;display:flex;align-items:center;min-height:190px;height:190px;box-sizing:border-box;padding:25px 32px 25px 60px;margin-block:0!important;isolation:isolate}
.day-header::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:#f6eedf;z-index:-1}
.day-header > div:first-child{position:relative!important;top:auto!important;text-align:left!important;padding-right:0!important;transform:none!important;opacity:1!important}
.day-header .eyebrow{color:#92713f;font-size:12px;letter-spacing:.3em;margin-bottom:12px}
.day-header .day-date{font-family:"Manrope",system-ui,sans-serif;font-size:32px;font-weight:400;letter-spacing:.045em;font-variant-numeric:lining-nums tabular-nums;margin:0;text-transform:uppercase}
.day-header .day-date span{font-size:24px}
.day-header .day-flower{position:absolute;left:-43px!important;top:10px!important;width:17px!important;height:17px!important;border:0!important;background:transparent!important;transform:none!important}
.day-flower::before{content:"";position:absolute;inset:0;background:#b28a4a;clip-path:polygon(50% 0,65% 30%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 30%)}
.day-flower::after{content:"";position:absolute;left:8px;top:23px;width:1px;height:110px;background:linear-gradient(#b28a4a80,#b28a4a15)}
.day-urli{position:absolute;right:6%;bottom:8px;width:245px;height:145px;pointer-events:none;color:#b28a4a}
.day-urli svg{width:100%;height:100%}
.day-petal{position:absolute;left:72%;top:20%;width:8px;height:5px;background:#c79b51;border-radius:80% 0 80% 20%;opacity:0}
.day-entered .day-petal{animation:day-petal-fall 3.2s ease-out .2s 1 both}
.day-entered .day-petal:nth-of-type(2){left:83%;animation-delay:.7s}
.day-entered .day-petal:nth-of-type(3){left:64%;animation-delay:1.1s}
@keyframes day-petal-fall{0%{opacity:0;transform:translate(0,-8px) rotate(0)}20%{opacity:.6}80%{opacity:.4}100%{opacity:0;transform:translate(18px,62px) rotate(150deg)}}
@media(max-width:699px){#events ol > .day-header{height:180px;min-height:180px;padding-left:48px;align-items:flex-start;padding-top:35px}.day-header .day-date{font-size:29px}.day-header .day-date span{font-size:21px}.day-urli{width:155px;height:100px;right:1%;bottom:3px}.day-header .day-flower{left:-36px!important}.day-flower::after{height:100px}}
@media(prefers-reduced-motion:reduce){.day-entered .day-petal{animation:none}}
#events{padding-top:0}
.day-header .day-flower{rotate:0deg!important}
/* Haldi day header: one intrinsic two-column row, with the bowl in normal flow. */
#events ol > .day-header-haldi{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;height:auto;min-height:0;padding:30px 28px 30px 52px}
.day-header-haldi .day-urli{position:relative;inset:auto;justify-self:end;width:140px;height:auto;line-height:0}
.day-header-haldi .day-urli img{display:block;width:100%;height:auto}
.day-header-haldi .day-flower::after{height:56px}
.day-header-haldi .eyebrow{font-size:11px;margin-top:0;margin-bottom:10px}
.day-header-haldi .day-date{font-size:30px;line-height:1.1}
.day-header-haldi .day-date span{font-size:22px}
@media(max-width:400px){#events ol > .day-header-haldi{gap:12px;padding:42px 20px 42px 44px}.day-header-haldi .day-urli{width:90px}.day-header-haldi .day-date{font-size:27px}.day-header-haldi .day-date span{font-size:20px}.day-header-haldi .eyebrow{font-size:10px;letter-spacing:.23em}.day-header-haldi .day-flower{left:-32px!important}}
/* The supplied urli stays in the grid; motion is confined to its image. */
.day-header-haldi .day-urli img{opacity:0;transform:translateY(9px) scale(.97);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 3px 3px #805e241a)}
.day-header-haldi.urli-in-view .day-urli img{opacity:1;transform:translateY(0) scale(1);animation:urli-breathe 5s ease-in-out 1s infinite}
@keyframes urli-breathe{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-2px) rotate(.4deg)}}
@supports(animation-timeline:view()){
 .day-header-haldi.urli-in-view .day-urli img{animation:urli-scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
 @keyframes urli-scroll-reveal{from{opacity:.1;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){.day-header-haldi .day-urli img,.day-header-haldi.urli-in-view .day-urli img{opacity:1;transform:none;transition:none;animation:none}}
@media(min-width:401px){#events ol > .day-header-haldi{padding-block:40px}}
/* Scalloped antique-gold finish, repeated for both editable day headers. */
.day-scalloped-edge{position:absolute;left:calc((100% - 100vw)/2);bottom:-17px;width:100vw;height:25px;z-index:5;pointer-events:none;line-height:0}
.day-scalloped-edge svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:600px){.day-scalloped-edge{height:18px;bottom:-12px}}
/* Clean antique-gold seams replace the clipped scalloped treatment. */
.day-scalloped-edge{left:calc((100% - 100vw)/2);bottom:0;height:1px;background:#ae8b4b80;z-index:6;overflow:visible}
.day-scalloped-edge svg{display:none}
.day-scalloped-edge::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:20px;transform:translate(-50%,-50%);background:#f6eedf}
.day-scalloped-edge::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);background:#ac823b;clip-path:polygon(50% 0,63% 13%,60% 37%,86% 38%,100% 50%,86% 63%,61% 60%,63% 86%,50% 100%,37% 86%,40% 61%,14% 63%,0 50%,14% 37%,39% 40%,37% 14%)}
.day-header-haldi::before{border-top:1px solid #ae8b4b70}
@media(max-width:600px){.day-scalloped-edge{height:1px;bottom:0}}
/* Meet the date header directly after the Sangeet painting, without the list spacer. */
#events ol > .hz-sangeet{margin-block-end:0!important}
/* End the itinerary at the Reception artwork instead of leaving section padding. */
#events{padding-bottom:0}
#events ol > .hz-reception{margin-block-end:0!important}
/* Reference divider: a crisp fine rule, with an ivory gap around a four-petal ornament. */
.day-scalloped-edge{bottom:14px!important;height:1px!important;background:#b38b49;opacity:.85}
.day-scalloped-edge::before{width:34px;height:24px}
.day-scalloped-edge::after{width:17px;height:21px;clip-path:path('M8.5 0 C13 5 11 8 8.5 9 C6 8 4 5 8.5 0 Z M17 10.5 C12 15 9.5 13 9.5 10.5 C10 8 13 6 17 10.5 Z M8.5 21 C4 16 6 13 8.5 12 C11 13 13 16 8.5 21 Z M0 10.5 C5 6 7.5 8 7.5 10.5 C7 13 4 15 0 10.5 Z')}
.day-header-haldi .day-urli{aspect-ratio:1.9;overflow:hidden}
.day-header-haldi .day-urli img{width:140%;max-width:none;height:auto;margin-left:-20%;margin-top:-13%}
@media(max-width:600px){.day-scalloped-edge{bottom:12px!important}}

/* ---- floating diyas in the urli ---- */
.day-header-haldi .day-urli{position:relative}
.urli-diyas{position:absolute;inset:0;pointer-events:none;z-index:2}
.urli-diya{position:absolute;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);display:block;opacity:0;transition:opacity .8s ease .5s}
.urli-in-view .urli-diya{opacity:1}
/* clay lamp */
.urli-bowl{position:absolute;left:0;right:0;bottom:8%;height:46%;border-radius:12% 12% 50% 50% / 20% 20% 80% 80%;
  background:radial-gradient(120% 90% at 50% 0%,#e9a066 0%,#b75d2c 45%,#7d3517 100%);box-shadow:0 .5px 1px rgba(60,20,0,.35);
  clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.urli-bowl::before{content:"";position:absolute;left:4%;right:4%;top:-8%;height:30%;border-radius:50%;background:#5c2a10;opacity:.75}
/* flame */
.urli-flame{position:absolute;left:50%;bottom:44%;width:34%;height:62%;transform:translateX(-50%);transform-origin:50% 100%;
  border-radius:50% 50% 50% 50% / 64% 64% 36% 36%;
  background:radial-gradient(60% 55% at 50% 72%,#fffbe8 0%,#ffe27a 35%,#ffae2b 70%,rgba(255,120,20,.0) 100%);
  filter:drop-shadow(0 0 1.5px rgba(255,190,80,.9))}
/* warm halo */
.urli-glow{position:absolute;left:50%;top:25%;width:330%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,214,120,.55),rgba(255,170,60,.22) 45%,rgba(255,170,60,0));mix-blend-mode:screen}
.urli-in-view .urli-flame{animation:urli-flicker 1.6s ease-in-out var(--fd,0s) infinite}
.urli-in-view .urli-glow{animation:urli-glow 2.4s ease-in-out var(--fd,0s) infinite}
@keyframes urli-flicker{
  0%,100%{transform:translateX(-50%) scale(1,1) rotate(0)}
  20%{transform:translateX(-50%) scale(.92,1.08) rotate(-3deg)}
  40%{transform:translateX(-52%) scale(1.04,.94) rotate(2deg)}
  60%{transform:translateX(-49%) scale(.95,1.1) rotate(-1deg)}
  80%{transform:translateX(-50%) scale(1.02,.97) rotate(2.5deg)}
}
@keyframes urli-glow{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.urli-flame,.urli-glow{animation:none!important}.urli-diya{opacity:1}}
.urli-diya{width:12%}
.urli-flame{height:70%;width:36%}
.urli-glow{background:radial-gradient(closest-side,rgba(255,220,130,.75),rgba(255,175,60,.3) 45%,rgba(255,170,60,0))}
/* diyas stay lit and flickering all the time (not only after scrolling to the urli) */
.urli-diya,.urli-in-view .urli-diya{opacity:1;transition:none}
.urli-flame{animation:urli-flicker 1.6s ease-in-out var(--fd,0s) infinite}
.urli-glow{animation:urli-glow 2.4s ease-in-out var(--fd,0s) infinite}
@media(prefers-reduced-motion:reduce){.urli-flame,.urli-glow{animation:none!important}}