.opening-sequence{position:fixed;inset:0;z-index:20;overflow:hidden;display:grid;place-items:center;background:#1a080d url('embroidered-paper.png') center/cover;isolation:isolate}.opening-sequence:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 12%,#100407aa 75%);z-index:-1}.opening-title{position:absolute;top:max(9vh,35px);text-align:center;animation:title-in 1s ease both}.opening-title p:last-child{margin:0;color:#f8eddb;font:italic clamp(1.1rem,4vw,1.55rem) 'Cormorant Garamond'}.opening-stage{width:min(88vw,560px);aspect-ratio:1.45;perspective:1200px;margin-top:5vh}.film-envelope{height:100%;position:relative;transform-style:preserve-3d;animation:envelope-rise 6.3s cubic-bezier(.2,.85,.2,1) both}.film-letter{position:absolute;z-index:1;inset:9% 8%;display:grid;place-content:center;text-align:center;background:linear-gradient(100deg,#fffdf5,#f6ead3);color:#5a1527;box-shadow:0 5px 18px #1a020880;transform:translateY(5%);animation:letter-lift 6.3s cubic-bezier(.2,.85,.2,1) both}.film-letter p{margin:0 0 13px;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(.42rem,1.8vw,.7rem);color:#9b733d}.film-letter strong{font:clamp(2rem,9vw,4.8rem)/.8 'Great Vibes';font-weight:400}.film-letter strong i{font:italic .38em 'Cormorant Garamond';color:#af813e}.film-letter small{margin-top:18px;text-transform:uppercase;letter-spacing:.19em;font-size:clamp(.38rem,1.5vw,.58rem);color:#936f42}.letter-corner{position:absolute;color:#b78b47;font:2rem 'Cormorant Garamond'}.letter-corner.top{top:11px;left:15px}.letter-corner.bottom{right:15px;bottom:11px;transform:rotate(180deg)}.film-flap{position:absolute;inset:0;background:#7b1d31 url('embroidered-paper.png') center/cover;z-index:3;transform-origin:top;box-shadow:inset 0 0 0 8px #5b1324aa,inset 0 0 0 10px #d6ad5d77}.film-flap.left{clip-path:polygon(0 0,50% 58%,50% 100%,0 100%);transform-origin:left top;animation:left-open 6.3s cubic-bezier(.2,.8,.2,1) both}.film-flap.right{clip-path:polygon(100% 0,50% 58%,50% 100%,100% 100%);transform-origin:right top;animation:right-open 6.3s cubic-bezier(.2,.8,.2,1) both}.film-wax{position:absolute;z-index:5;top:52%;left:50%;width:clamp(58px,13vw,85px);height:clamp(58px,13vw,85px);transform:translate(-50%,-50%);display:grid;place-content:center;border:2px solid #f0c969;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0a8,#c28c30 48%,#815116);box-shadow:inset 0 0 0 3px #7b4d1366,0 5px 12px #100204bb;color:#512012;font:clamp(1.5rem,4vw,2.2rem)/.6 'Great Vibes';animation:seal-break 6.3s ease both}.film-wax small{font:700 .45rem 'DM Sans';letter-spacing:.08em}.opening-caption{position:absolute;bottom:max(9vh,38px);margin:0;color:#f8ecd9;font:italic 1rem 'Cormorant Garamond';letter-spacing:.09em;opacity:0;animation:caption-in 6.3s ease both}.skip-opening{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));padding:9px 12px;border:1px solid #d2af6599;background:#17090abb;color:#f8ecd7;font:600 .64rem 'DM Sans';letter-spacing:.11em;text-transform:uppercase;cursor:pointer}@keyframes title-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1}}@keyframes envelope-rise{0%,14%{transform:scale(.94);opacity:0}25%,65%{transform:scale(1);opacity:1}100%{transform:scale(1.11);opacity:0}}@keyframes seal-break{0%,34%{transform:translate(-50%,-50%) scale(1);opacity:1}42%{transform:translate(-50%,-50%) scale(1.14);opacity:1}50%,100%{transform:translate(-50%,-50%) scale(.4);opacity:0}}@keyframes left-open{0%,39%{transform:rotateY(0)}63%,100%{transform:rotateY(-123deg)}}@keyframes right-open{0%,39%{transform:rotateY(0)}63%,100%{transform:rotateY(123deg)}}@keyframes letter-lift{0%,46%{transform:translateY(5%)}75%,100%{transform:translateY(-35%) scale(1.03)}}@keyframes caption-in{0%,55%{opacity:0}70%,88%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.film-envelope,.film-wax,.film-flap,.film-letter,.opening-title,.opening-caption{animation:none}.opening-caption{opacity:1}}