@font-face{font-family:CormorantBold;src:url('assets/cormorant-bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:CormorantRegular;src:url('assets/cormorant-regular.ttf');font-display:swap}
@font-face{font-family:CormorantItalic;src:url('assets/cormorant-italic.ttf');font-style:italic;font-display:swap}
@font-face{font-family:LandingScript;src:url('assets/luxurious.ttf');font-display:swap}
html.intro-locked{overflow-x:hidden}
html.intro-locked .frame:not(.hero),html.intro-locked .notes{display:none}
#opening,#opening.film-finished{transition:none!important}
.landing-copy{position:absolute;inset:0;color:#fff1d4;text-align:center;pointer-events:none}
.landing-copy p,.landing-copy h1,.landing-copy h2{margin:0;font-weight:400}
.landing-copy .stagger{position:absolute;left:10%;width:80%;opacity:0;transition:opacity .8s ease;transition-delay:0ms}
.opened .landing-copy .stagger{opacity:1;transition-delay:var(--delay)}
.landing-copy .landing-monogram{top:15%;left:46.5%;width:7%;height:auto;filter:invert(1) grayscale(1) brightness(3);mix-blend-mode:screen}
.landing-announcement{top:22.2%;font:4.17cqw CormorantRegular,Georgia,serif}
.landing-rule{top:27%;font:4cqw CormorantRegular,serif}
.landing-rule::before,.landing-rule::after{content:'';display:inline-block;vertical-align:middle;width:24%;height:1px;background:linear-gradient(90deg,transparent,#fff1d4);margin:0 2%}.landing-rule::after{transform:rotate(180deg)}
.landing-christy{top:31.5%;font:20.37cqw LandingScript,cursive;line-height:1.25}
.landing-groom{top:43.3%;font:italic 3.24cqw/1.2 CormorantItalic,Georgia,serif}
.landing-and{top:50%;font:17.13cqw LandingScript,cursive;line-height:1}
.landing-aparna{top:57.2%;font:20.37cqw LandingScript,cursive;line-height:1.25}
.landing-bride{top:69%;font:italic 3.24cqw/1.2 CormorantItalic,Georgia,serif}
.countdown span{font-family:CormorantBold,Georgia,serif;font-weight:700;transform:translateY(-10px);background:transparent}
#reveal-content.art-reveal{background-image:url('assets/revealed-final.png');background-size:180% 348.84%;background-position:51.98% 74.6%;display:block}
.revealed-art-heading{position:absolute;left:14%;top:41.5%;width:72%;height:9%;background-image:url('assets/revealed-final.png');background-size:138.889% 1111.111%;background-position:50% 43.8%;opacity:0;pointer-events:none;transition:opacity .6s}
.revealed .revealed-art-heading{opacity:1}
@media(prefers-reduced-motion:reduce){.landing-copy .stagger{transition:none!important}}
/* Match the supplied 1152 x 2048 layout; reveal text without changing the backdrop. */
@font-face{font-family:BidenaLanding;src:url('assets/bidena.woff') format('woff');font-display:swap}
.landing-copy .stagger{transition:opacity 1.25s cubic-bezier(.22,.61,.36,1),transform 1.55s cubic-bezier(.22,.61,.36,1);transform:translateY(7px)}
.opened .landing-copy .stagger{transform:translateY(0)}
.landing-copy .landing-monogram{top:15.3%;left:46.7%;width:6.6%}
.landing-announcement{top:22.05%;font-size:4.17cqw;font-weight:600!important}
.landing-rule{top:26.8%}
.landing-christy{top:31.45%;font:18.6cqw/1.15 BidenaLanding,cursive}
.landing-groom{top:43.25%;font-size:3.24cqw;line-height:1.25}
.landing-and{top:49.4%;font:14.5cqw/1.1 BidenaLanding,cursive}
.landing-aparna{top:57.05%;font:18.6cqw/1.15 BidenaLanding,cursive}
.landing-bride{top:68.95%;font-size:3.24cqw;line-height:1.25}
.revealed-art-heading{display:none!important}
.revealed #reveal-content{display:none!important}
#opening-film{opacity:1!important;filter:none!important;transition:none!important}
.landing-copy.accessible-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.approved-landing-layers{position:absolute;inset:0;pointer-events:none}
.approved-text-layer,.approved-complete{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0}
.approved-text-layer{transform:translateY(7px);transition:opacity 1.25s cubic-bezier(.22,.61,.36,1),transform 1.55s cubic-bezier(.22,.61,.36,1);transition-delay:0ms}
.opened .approved-text-layer{opacity:1;transform:none;transition-delay:var(--delay)}
.approved-complete{transition:none}
.opened .approved-complete{opacity:1;transition:opacity 0s 5.55s}
#frame-1 .scroll-hint{display:none}
@media(prefers-reduced-motion:reduce){.approved-text-layer{transform:none;transition:none!important}.opened .approved-complete{transition:none}}
