.stage-exhibit.exhibit-reveal{display:block;padding:0;background:#143b58}
.grand-reveal{position:absolute;inset:0 0 88px;overflow:hidden;isolation:isolate;background:#143b58;perspective:900px}
.reveal-browser{position:absolute;inset:18px 9% 25px;border:1px solid #b8e4d4;background:#fffaf0;box-shadow:0 8px 20px #071c3050;overflow:hidden}
.reveal-browser-bar{height:22px;background:#f3f1e8;color:#143b58;border-bottom:1px solid #143b5825;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;font:7px Label;letter-spacing:.04em}
.reveal-website{height:calc(100% - 22px);display:grid;grid-template-columns:1.2fr 1fr;color:#294c40}
.reveal-website>div{padding:13px 17px;display:flex;flex-direction:column;justify-content:center}
.reveal-website small{font:7px/1.4 Label;letter-spacing:.07em}
.reveal-website strong{font:clamp(22px,2.5vw,36px)/.96 Hotel;margin:11px 0}
.reveal-website>div>span{font:9px/1.3 Label}
.reveal-website img{width:100%;height:100%;min-height:0;object-fit:contain;background:#e8e8e0}
.reveal-curtain{position:absolute;top:0;bottom:0;width:50.2%;z-index:3;background:repeating-linear-gradient(90deg,#204b65 0%,#143b58 12%,#092940 24%);box-shadow:0 7px 20px #00162455}
.curtain-left{left:0;border-right:1px solid #b8e4d430;transform-origin:left}
.curtain-right{right:0;transform-origin:right}
.reveal-invitation{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:4;color:#fffaf0;padding:12px;pointer-events:none}
.reveal-invitation small{font:9px Label;letter-spacing:.12em;color:#b8e4d4}
.reveal-invitation strong{font:700 clamp(28px,3.5vw,47px)/1 Bookman;letter-spacing:-.04em;margin:14px 0 10px}
.reveal-invitation em{font-family:Hotel;color:#b8e4d4;font-weight:400}
.reveal-invitation>span{font:12px Label}
.reveal-finale{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:italic 15px Hotel;color:#b8e4d4;opacity:0}
.reveal-confetti{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.reveal-confetti i{position:absolute;left:var(--x);top:-15px;width:6px;height:11px;background:#f0763d;opacity:0}
.reveal-confetti i:nth-child(3n){background:#b8e4d4;border-radius:50%;width:7px;height:7px}
.reveal-confetti i:nth-child(3n + 1){background:#f4d77d}
.is-unveiled .curtain-left{animation:curtain-left 1.8s .35s cubic-bezier(.65,0,.2,1) both}
.is-unveiled .curtain-right{animation:curtain-right 1.8s .35s cubic-bezier(.65,0,.2,1) both}
.is-unveiled .reveal-invitation{animation:invitation-out .5s ease both}
.is-unveiled .reveal-browser{animation:website-debut 1.6s .55s cubic-bezier(.2,.75,.3,1) both}
.is-unveiled .reveal-finale{animation:finale-in .5s 1.6s both}
.is-unveiled .reveal-confetti i{animation:debut-confetti 1.8s calc(1.35s + var(--i)*.025s) ease-out both}
.sr-reveal-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes curtain-left{to{transform:translateX(-101%)}}
@keyframes curtain-right{to{transform:translateX(101%)}}
@keyframes invitation-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes website-debut{from{transform:translateY(15px) scale(.88);opacity:.4}to{transform:none;opacity:1}}
@keyframes finale-in{to{opacity:1}}
@keyframes debut-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(280px) rotate(var(--turn))}}
@media(max-width:760px){
 .grand-reveal{bottom:84px}
 .reveal-browser{inset:9px 6% 22px}
 .reveal-browser-bar{height:17px;font-size:5px;padding:0 7px}
 .reveal-website{height:calc(100% - 17px)}
 .reveal-website>div{padding:7px 10px}
 .reveal-website small{font-size:5px}
 .reveal-website strong{font-size:clamp(19px,5vw,27px);margin:7px 0}
 .reveal-website>div>span{font-size:7px}
 .reveal-invitation small{font-size:7px}
 .reveal-invitation strong{font-size:30px;margin:9px 0}
 .reveal-invitation>span{font-size:10px}
 .reveal-finale{font-size:12px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){
 .is-unveiled .reveal-curtain,.is-unveiled .reveal-invitation{display:none}
 .is-unveiled .reveal-browser,.is-unveiled .reveal-finale{animation:none;opacity:1;transform:none}
 .is-unveiled .reveal-confetti{display:none}
}
