@import url('./chandrika.css?v=3');
.video-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity .4s}.video-plate.is-playing{opacity:1}
.scene[data-theme=sunehra-aangan] .copy{top:20%;left:19%;width:62%;color:#483b29;text-shadow:0 1px 2px #fff6e5,0 0 7px #fff6e5b3}
.scene[data-theme=sunehra-aangan]:after{background:radial-gradient(ellipse 36% 22% at 50% 35%,#fff6eaa6,transparent 100%)}
.scene[data-theme=sunehra-aangan] .eyebrow{font-size:calc(1.8 * var(--u));letter-spacing:.1em;margin-bottom:calc(1.6 * var(--u));text-wrap:balance}
.scene[data-theme=sunehra-aangan] .script{font-size:calc(8.7 * var(--u));line-height:1.2;margin-bottom:calc(2 * var(--u));text-wrap:balance}
.scene[data-theme=sunehra-aangan] .couple-names{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:calc(8.4 * var(--u));line-height:1.02}
.scene[data-theme=sunehra-aangan] .couple-names b{font-size:calc(4.3 * var(--u));margin:calc(1 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .dates,.scene[data-theme=sunehra-aangan] .location{font-size:calc(3.5 * var(--u));margin:calc(1.7 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .flourish{margin:calc(1.5 * var(--u)) auto;width:45%}
.scene[data-theme=sunehra-aangan] .event-date{font-size:calc(2.6 * var(--u));margin:calc(1.5 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .event-time{font-size:calc(6 * var(--u));margin:calc(1.5 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .event-venue{font-size:calc(3.5 * var(--u));line-height:1.2;margin:calc(1.5 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .event-note{font-size:calc(3 * var(--u));line-height:1.3;text-wrap:balance;font-weight:600}
.scene[data-theme=sunehra-aangan] .actor{bottom:24%;height:26%;width:44%;left:28%;z-index:8}
.scene[data-theme=sunehra-aangan] .actor:before{content:'';position:absolute;bottom:-1%;left:4%;width:92%;height:5%;background:radial-gradient(ellipse,#67482644,transparent 70%);z-index:-1}
.scene[data-theme=sunehra-aangan] .prop-left,.scene[data-theme=sunehra-aangan] .prop-right{bottom:22%;width:18%;height:13%;z-index:9}
.scene[data-theme=sunehra-aangan] .prop-left{left:8%}.scene[data-theme=sunehra-aangan] .prop-right{right:8%}
.scene[data-theme=sunehra-aangan] .pendant{display:none}
.scene[data-theme=sunehra-aangan] .bloom{display:none}
.scene[data-theme=sunehra-aangan][data-effect=vows] .bloom{display:block;bottom:52%;left:29%;width:42%;height:9%;z-index:5}
.scene[data-theme=sunehra-aangan] .gesture{bottom:11%;font-size:calc(2.6 * var(--u));max-width:70%;text-wrap:balance}
.scene[data-theme=sunehra-aangan][data-scene=family] .copy{top:19%;width:62%;left:19%}
.scene[data-theme=sunehra-aangan][data-scene=family] .script{font-size:calc(7 * var(--u))}
.scene[data-theme=sunehra-aangan] .family-copy,.scene[data-theme=sunehra-aangan] .family-block p{font-size:calc(3 * var(--u));line-height:1.22;margin:calc(1 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .family-block{margin-top:calc(1.5 * var(--u))}
.scene[data-theme=sunehra-aangan] .family-block h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:calc(4.5 * var(--u))}
.scene[data-theme=sunehra-aangan] .family-join{margin:calc(.8 * var(--u)) 0}
.scene[data-theme=sunehra-aangan] .story-mirror{bottom:14%;height:31%;width:38%;left:31%}
.scene[data-theme=sunehra-aangan][data-scene=family] .prop-left,.scene[data-theme=sunehra-aangan][data-scene=family] .prop-right{display:none}
.scene[data-theme=sunehra-aangan][data-scene=closing] .copy{top:23%}
.scene[data-theme=sunehra-aangan] .closing-copy{font-size:calc(3.7 * var(--u));line-height:1.3;font-weight:600}
.scene[data-theme=sunehra-aangan] .families{font:600 calc(3.3 * var(--u))/1.3 'Cormorant Garamond',Georgia,serif;margin-top:calc(3 * var(--u))}
.scene[data-theme=sunehra-aangan].scene--night .copy{color:#fff2d5;text-shadow:0 1px 3px #111c35,0 0 6px #111c35}
.scene[data-theme=sunehra-aangan].scene--night:after{background:radial-gradient(ellipse 34% 22% at 50% 34%,#10203c99,transparent 100%)}
.scene[data-theme=sunehra-aangan].scene--night .script{color:#ffc9ad}
.scene[data-theme=sunehra-aangan] .copy.glow-reveal.text-writing>.ink-block{animation:none}
.scene[data-theme=sunehra-aangan] .copy.glow-reveal.text-writing .ink-g{display:inline;animation:rosewood-title-glow 500ms ease-out calc(var(--text-delay,200ms) + var(--letter,0)*45ms) both}
.sunehra-firefly{position:absolute;z-index:7;pointer-events:none;width:.75cqw;height:.75cqw;border-radius:50%;background:#ffe7a4;box-shadow:0 0 1.7cqw .4cqw #ffda7377;animation:sunehra-drift 17s ease-in-out infinite}
@keyframes sunehra-drift{0%,100%{opacity:.12;transform:translate(0,0)}35%{opacity:.6;transform:translate(var(--dx),-5cqw)}70%{opacity:.35;transform:translate(calc(var(--dx)*-.3),-10cqw)}}
.sunehra-star{position:absolute;z-index:3;width:.4cqw;height:.4cqw;background:#fff9da;border-radius:50%;box-shadow:0 0 1cqw #fff6bb;animation:sunehra-twinkle 4.5s ease-in-out infinite;pointer-events:none}
@keyframes sunehra-twinkle{0%,100%{opacity:.12;transform:scale(.6)}50%{opacity:.85;transform:scale(1.2)}}
.scene[hidden] .sunehra-firefly,.scene[hidden] .sunehra-star{animation-play-state:paused}
.scene[data-theme=sunehra-aangan] .opening-arch{display:none}
.scene[data-theme=sunehra-aangan] .mehendi-hands{bottom:21%;height:13%}
.scene[data-theme=sunehra-aangan] .lotus-opening{bottom:19%;width:18%;height:12%;left:8%}
.scene[data-theme=sunehra-aangan] .ornament-touch{display:none}
@media(prefers-reduced-motion:reduce){.sunehra-firefly,.sunehra-star{animation:none;opacity:.3}}
/* The cover and mandap clips have a chandelier in their upper centre. */
.scene[data-theme=sunehra-aangan][data-scene=cover] .copy{top:35%;left:17%;width:66%}
.scene[data-theme=sunehra-aangan][data-scene=cover] .couple-names{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(1.4 * var(--u));font-size:calc(6.4 * var(--u));white-space:nowrap}
.scene[data-theme=sunehra-aangan][data-scene=cover] .couple-names b{font-size:calc(3.8 * var(--u));margin:0}
.scene[data-theme=sunehra-aangan][data-scene=cover] .eyebrow{font-size:calc(1.6 * var(--u));margin-bottom:calc(1 * var(--u))}
.scene[data-theme=sunehra-aangan][data-scene=cover] .dates{font-size:calc(3.2 * var(--u));margin:calc(1 * var(--u)) 0}
.scene[data-theme=sunehra-aangan][data-scene=cover] .location{font-size:calc(3 * var(--u));margin:calc(1 * var(--u)) 0}
.scene[data-theme=sunehra-aangan][data-scene=cover] .location small{font-size:calc(2.7 * var(--u));display:inline;margin-left:.3em}
.scene[data-theme=sunehra-aangan][data-scene=cover]:after{background:radial-gradient(ellipse 37% 12% at 50% 42%,#fff6ea99,transparent 100%)}
.scene[data-theme=sunehra-aangan][data-effect=vows] .copy{top:35%}
.scene[data-theme=sunehra-aangan][data-effect=vows] .eyebrow{display:none}
.scene[data-theme=sunehra-aangan][data-effect=vows] .script{font-size:calc(6.6 * var(--u));margin-bottom:calc(1 * var(--u))}
.scene[data-theme=sunehra-aangan][data-effect=vows] .event-date,.scene[data-theme=sunehra-aangan][data-effect=vows] .event-time,.scene[data-theme=sunehra-aangan][data-effect=vows] .event-venue,.scene[data-theme=sunehra-aangan][data-effect=vows] .flourish{margin:calc(.8 * var(--u)) 0}
.scene[data-theme=sunehra-aangan][data-effect=vows] .flourish{margin:calc(.8 * var(--u)) auto}
.scene[data-theme=sunehra-aangan][data-effect=vows] .event-time{font-size:calc(4.8 * var(--u))}
.scene[data-theme=sunehra-aangan][data-effect=vows] .actor{height:23%;bottom:20%}
.scene[data-theme=sunehra-aangan][data-effect=vows] .bloom{bottom:20%;left:7%;width:19%;height:13%;z-index:9}
.scene[data-theme=sunehra-aangan][data-effect=vows]:after{background:radial-gradient(ellipse 37% 17% at 50% 44%,#fff6eaaa,transparent 100%)}
.scene[data-theme=sunehra-aangan][data-effect=mehendi] .actor{left:41%;width:43%;bottom:17%;height:27%}
.scene[data-theme=sunehra-aangan][data-effect=mehendi] .mehendi-hands{left:8%;bottom:20%;width:20%;height:14%}
.scene[data-theme=sunehra-aangan][data-effect=vows] .bloom{opacity:1;transform:none}
.scene[data-theme=sunehra-aangan][data-effect=vows] .prop-left{display:none}
.scene[data-theme=sunehra-aangan][data-effect=vows] .actor{height:26%}
/* Feet meet the terrace, not the lake rail behind it. */
.scene[data-theme=sunehra-aangan] .actor{bottom:17%}
.scene[data-theme=sunehra-aangan][data-scene=cover] .actor{bottom:20%}
.scene[data-theme=sunehra-aangan][data-effect=vows] .actor{bottom:20%}
.scene[data-theme=sunehra-aangan] .prop-left,.scene[data-theme=sunehra-aangan] .prop-right{bottom:17%}
.scene[data-theme=sunehra-aangan][data-effect=lotus] .prop-left{display:none}
.scene[data-theme=sunehra-aangan] .lotus-opening{bottom:17%;left:7%;height:12%;width:20%}
.scene[data-theme=sunehra-aangan][data-scene=closing] .copy{top:35%;left:17%;width:66%}
.scene[data-theme=sunehra-aangan][data-scene=closing] .script{font-size:calc(7.5 * var(--u));margin-bottom:calc(2 * var(--u))}
.scene[data-theme=sunehra-aangan][data-scene=closing] .closing-copy{font-size:calc(3.3 * var(--u));line-height:1.25}
.scene[data-theme=sunehra-aangan][data-scene=closing] .families{font-size:calc(2.9 * var(--u));margin-top:calc(2 * var(--u))}
.scene[data-theme=sunehra-aangan][data-scene=closing]:after{background:radial-gradient(ellipse 37% 17% at 50% 44%,#fff6eaaa,transparent 100%)}
/* Let the moving video scenery carry the decoration. */
.scene[data-theme=sunehra-aangan][data-scene=cover] .prop-left,
.scene[data-theme=sunehra-aangan][data-scene=cover] .prop-right,
.scene[data-theme=sunehra-aangan][data-scene=closing] .prop-left,
.scene[data-theme=sunehra-aangan][data-scene=closing] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=haldi] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=procession] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=dance] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=vows] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=lotus] .prop-right,
.scene[data-theme=sunehra-aangan][data-effect=procession] .actor,
.scene[data-theme=sunehra-aangan][data-effect=lotus] .actor{display:none}
.scene[data-theme=sunehra-aangan][data-scene=cover] .copy{top:39%}
.scene[data-theme=sunehra-aangan][data-scene=cover]:after{background:radial-gradient(ellipse 37% 12% at 50% 46%,#fff6ea99,transparent 100%)}
/* Animate the illustration inside its wrapper so tap choreography remains independent. */
.scene[data-theme=sunehra-aangan][data-effect=mehendi] .actor>.sprite{transform-origin:50% 90%;animation:sunehra-couple-sway 7s ease-in-out infinite}
@keyframes sunehra-couple-sway{0%,100%{transform:rotate(-.55deg)}50%{transform:rotate(.55deg)}}
.scene[data-theme=sunehra-aangan][data-effect=mehendi][hidden] .actor>.sprite{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.scene[data-theme=sunehra-aangan][data-effect=mehendi] .actor>.sprite{animation:none}}
