.invitation-premium{--gold:#ac7626;--ink:#4f3827;padding:16px 22px 34px!important;background:#eadbc8!important;overflow-y:auto;isolation:isolate;color:var(--ink)}
.invitation-premium .invitation-backdrop{position:absolute!important;inset:0!important;z-index:-2!important;background:url('../images/invitation-silk-floral-v2.png') center/cover no-repeat!important;filter:none!important;opacity:1!important}
.invitation-premium:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#fff4 0 15%,transparent 40%,#f7e8d544);opacity:1}
.invitation-header{height:68px!important;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:8}
.invitation-header h2{margin:0;font:600 clamp(27px,7vw,35px)/1 'Cormorant Garamond',serif;color:#98661e;letter-spacing:.01em}
.invitation-header button{position:static!important;width:44px;height:44px;border:1px solid #e2ccb0;border-radius:50%;background:#fffaf1e8;color:#96631d;font:30px/1 'Cormorant Garamond',serif;box-shadow:0 7px 18px #5e3a1d24;backdrop-filter:blur(8px)}
.invitation-header button:last-child{font:700 15px/1 system-ui;letter-spacing:2px}
.invitation-ornament{height:24px;display:flex;align-items:center;justify-content:center;gap:9px;color:#bb8737;font-size:14px;margin:-2px 0 12px}.invitation-ornament span{width:74px;height:1px;background:linear-gradient(90deg,transparent,#c2934d)}.invitation-ornament span:last-child{transform:scaleX(-1)}
.envelope-stage{height:min(57vh,555px);min-height:475px;position:relative!important;margin:0 auto;width:min(100%,390px);perspective:1000px;filter:drop-shadow(0 16px 19px #6d47282c)}
.invitation-card{position:absolute;z-index:1;top:0;left:9%;right:9%;height:71%;padding:8px;background:linear-gradient(135deg,#fffdf7,#f2e4d1);border:1px solid #d0aa6b;box-shadow:0 8px 24px #72502b26,inset 0 0 25px #cda96e1f}
.card-border{height:100%;position:relative;border:3px double #bf8a38;padding:27px 17px 14px;text-align:center;color:#76502a;background:repeating-linear-gradient(90deg,#fff0 0 3px,#af7e3007 3px 4px)}
.card-border:before,.card-border:after{content:"❧";position:absolute;top:3px;color:#ba8433;font-size:20px}.card-border:before{left:7px}.card-border:after{right:7px;transform:scaleX(-1)}
.card-monogram{display:flex;justify-content:center;align-items:center;gap:5px;font:600 clamp(48px,14vw,66px)/.85 'Cormorant Garamond',serif;color:#ae792a;margin-bottom:15px}.card-monogram i{font:normal 12px/1 serif}
.card-border>p{text-transform:uppercase;letter-spacing:.14em;font:600 9px/1.65 'DM Sans',sans-serif;color:#594332;margin:0}
.card-border h1{font:600 clamp(40px,12vw,56px)/.72 'Cormorant Garamond',serif;margin:12px 0 10px;color:#a97020}.card-border h1 em{display:block;font-size:.47em;font-style:normal;line-height:1.1}
.card-border small{display:block;text-transform:uppercase;letter-spacing:.13em;font:500 7px/1.5 'DM Sans',sans-serif;color:#5c4838}.card-flourish{color:#ae792a;font:11px serif;margin-top:8px}
.envelope-front{position:absolute;z-index:3;left:0;right:0;bottom:0;height:52%;background:linear-gradient(153deg,transparent 49.5%,#f8ecda 50%) left/50.5% 100%,linear-gradient(207deg,transparent 49.5%,#ead6b7 50%) right/50.5% 100%,linear-gradient(#f7ead7,#e7d0ae);background-repeat:no-repeat;border:1px solid #c69852;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}
.envelope-fold{position:absolute;z-index:2;bottom:0;width:52%;height:53%;background:linear-gradient(135deg,#f8ecd8,#e7d0ad);border:1px solid #c69852}.envelope-fold.left{left:0;clip-path:polygon(0 0,100% 50%,0 100%)}.envelope-fold.right{right:0;clip-path:polygon(100% 0,0 50%,100% 100%)}
.invitation-wax{position:absolute;z-index:4;left:50%;bottom:19%;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 27%,#dfad61,#a46922 61%,#774411);border:4px double #efca85;color:#f6d99b;box-shadow:0 7px 18px #4c2b1661;font-size:27px}.invitation-wax:after{content:"";position:absolute;inset:-7px;border-radius:47% 53% 51% 49%;border:2px solid #9f641f}
.invitation-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,390px);margin:14px auto 0}.invitation-meta>div{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 13px;border:1px solid #ddc3a0;border-radius:16px;background:#fffaf0e8;box-shadow:0 8px 17px #5f3c1f20;backdrop-filter:blur(7px)}.invitation-meta i{font-style:normal;color:#aa701f;font-size:28px}.invitation-meta span,.invitation-meta b{display:block;font:14px/1.25 'Cormorant Garamond',serif}.invitation-meta b{font-size:13px;margin-bottom:3px}
.invitation-open{display:flex;align-items:center;justify-content:center;gap:18px;width:min(72%,310px);min-height:58px;margin:22px auto 9px;border:2px solid #d9aa57;border-radius:34px;background:linear-gradient(100deg,#073e34,#02291f);color:#efc77c;box-shadow:0 0 0 3px #073e34,0 11px 25px #063b3238;font:22px 'Cormorant Garamond',serif}.invitation-open strong{font:inherit}.invitation-open b{font-size:31px}.invitation-open span{font-size:25px}
.invitation-swipe{display:block;margin:auto;border:0;background:transparent;color:#594333;font:14px 'Cormorant Garamond',serif}.invitation-swipe i{display:inline-block;font-size:22px;margin-left:4px;font-style:normal}.invitation-note{width:min(68%,290px);margin:13px auto 0;padding:9px 12px;text-align:center;border:1px solid #cfa668;border-radius:14px;color:#855a21;font:15px/1.15 'Cormorant Garamond',serif;background:#fff9edaa}.invitation-note span{display:block;color:#b9802c;margin-top:5px}
@media(max-height:780px){.invitation-premium{padding-top:10px}.invitation-header{height:58px}.envelope-stage{height:440px;min-height:440px}.card-monogram{margin-bottom:9px}.card-border{padding-top:18px}.invitation-meta{margin-top:10px}.invitation-open{margin-top:15px}.invitation-note{margin-top:8px}}
@media(max-width:380px){.invitation-premium{padding-inline:14px!important}.invitation-header h2{font-size:27px}.envelope-stage{min-height:445px}.invitation-meta{gap:8px}.invitation-meta>div{padding-inline:9px}.invitation-open{width:78%}}
@media(prefers-reduced-motion:no-preference){.invitation-premium.active .invitation-card{animation:card-arrive .8s cubic-bezier(.2,.8,.2,1) both}.invitation-premium.active .invitation-wax{animation:seal-arrive .65s .25s cubic-bezier(.2,.9,.2,1.2) both}@keyframes card-arrive{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes seal-arrive{from{transform:translateX(-50%) scale(.65);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}}
