/* Invite Studio premium original artwork & animated envelope — v7 */
:root{--lux-ink:#192a28;--lux-brass:#c6a16a}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 78% 10%,#406056 0%,transparent 50%),radial-gradient(ellipse at 5% 90%,#3a4136 0%,transparent 43%),linear-gradient(127deg,#101e21,#273a30 73%,#101c20)!important;color:#fff5e4!important;padding:65px 50px!important;box-shadow:0 22px 65px #17281c26}
.hero:before{content:'✧';position:absolute;font-size:300px;line-height:1;right:-60px;top:-65px;color:#ddba77;opacity:.09;pointer-events:none}
.hero:after{content:'';position:absolute;inset:16px;border:1px solid #edd3a346;border-radius:20px;pointer-events:none}
.hero h1{color:#fff8ed;font-family:Georgia,'Times New Roman',serif;max-width:780px;position:relative;z-index:2}
.hero h1 em{color:#e9c48d!important}
.hero p{color:#e7e6dccf!important;max-width:650px;position:relative;z-index:2}
.hero .eyebrow{color:#e9c995!important}
.hero-actions,.hero-stats{position:relative;z-index:3}
.hero .btn{background:#e6c38e;color:#1e2b26;border-color:#e6c38e}
.hero .btn.secondary{background:#ffffff10;border-color:#e3ca9770;color:#f5ebdb}
.hero-stats span{color:#e3d0b5!important}
.luxury-collection{padding-top:28px}
.luxury-collection .section-top h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.5px}
.luxury-grid{gap:22px!important}
.luxe-card{border:1px solid #e7daca!important;padding:8px!important;border-radius:19px!important;background:#fff!important;box-shadow:0 9px 35px #1f2f2610;transition:transform .3s ease,box-shadow .3s ease}
.luxe-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #17261c1c}
.luxe-thumb{background:var(--paper) var(--art-image) center/cover no-repeat!important;color:var(--accent)!important;height:350px!important;min-height:350px!important;border-radius:13px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:relative!important;overflow:hidden!important;padding:55px 17px!important;gap:0!important}
.luxe-thumb:before,.luxe-thumb:after{display:none!important}
.luxe-thumb .luxe-type{position:absolute;top:15px;right:14px;background:#ffffffd9;border:1px solid #ffffff92;border-radius:40px;color:#2f342a;padding:4px 11px;font-size:11px;z-index:2;font-weight:700;backdrop-filter:blur(5px)}
.luxe-thumb .luxe-thumb-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;position:relative;width:100%;margin-top:16px;padding:12px 8px;text-align:center;text-shadow:0 1px 7px #00000016}
.luxe-thumb .luxe-thumb-content small{display:block;max-width:100%;font-size:11px;line-height:1.8!important;letter-spacing:.15px;color:inherit}
.luxe-thumb .luxe-thumb-content strong{font-family:Georgia,'Times New Roman',Tahoma,serif;font-size:26px!important;line-height:1.6;font-weight:700;color:inherit}
.luxe-thumb .luxe-thumb-content span{font-size:11px!important;color:inherit;line-height:1.7;opacity:.85}
.luxe-thumb .luxe-thumb-content .luxe-divider{font-size:17px!important;opacity:.7}
.luxe-thumb .luxe-motion{position:absolute;bottom:11px;left:12px;background:#00000065;color:#fff;font-size:10px;padding:4px 10px;border-radius:30px;backdrop-filter:blur(6px)}
.luxe-card .template-meta{padding:13px 6px 4px!important;min-height:72px}
.luxe-card .template-meta b{font-size:13px}
.luxe-card .template-meta small{color:#839089;font-size:11px}
.luxe-card .btn.small{border-radius:9px}
/* Artworks are always an actual part of the invitation, including exported public links. */
.invitation-canvas.premium-canvas{isolation:isolate;background:var(--paper);border-radius:14px;box-shadow:0 20px 70px #09160f35;--canvas-radius:14px;overflow:hidden}
.invitation-canvas.premium-canvas:before,.invitation-canvas.premium-canvas:after{display:none}
.invitation-canvas.premium-canvas .canvas-art{position:absolute;inset:0;background:var(--art-image) center/100% 100% no-repeat;z-index:0;pointer-events:none}
.premium-canvas .node{z-index:3;line-height:1.6}
.premium-canvas .node.type-text{font-family:'Noto Naskh Arabic', 'Traditional Arabic',Tahoma,Georgia,serif;font-weight:600;letter-spacing:.12px;line-height:1.6;text-shadow:0 2px 14px #ffffff11}
.premium-canvas .node[data-node-id='pre']{font-size:19px!important;font-weight:500;letter-spacing:1px}
.premium-canvas .node[data-node-id='names']{font-family:Georgia,'Traditional Arabic',Tahoma,serif;font-size:38px!important;line-height:1.8;font-weight:700;text-wrap:balance}
.premium-canvas .node[data-node-id='time']{font-size:15px!important;font-weight:400}
.premium-canvas .node.type-countdown .countdown-numbers{padding:7px 0;margin-top:6px;font-family:Georgia,Tahoma,serif;font-size:14px;font-weight:700;letter-spacing:.5px}
.premium-canvas .node.type-rsvp,.premium-canvas .node.type-button,.premium-canvas .node.type-map{font-family:'Segoe UI',Tahoma,sans-serif;font-size:15px!important;font-weight:650;border:1px solid var(--accent);border-radius:40px;padding:8px 12px;min-height:40px;background:#ffffff40;backdrop-filter:blur(5px);transition:background .18s}
.premium-canvas .node.type-rsvp:hover,.premium-canvas .node.type-button:hover{background:#ffffffa8}
.premium-canvas .node.empty-photo{font-size:14px!important;padding:28px 8px;border:2px dashed #b7a989;border-radius:12px;background:#ffffff81;color:#705b44!important}
.premium-canvas .node.type-image img{width:100%;height:100%;max-height:300px;object-fit:cover;border-radius:8px;border:5px solid #ffffffae;box-shadow:0 8px 25px #1112}
.premium-canvas.layout-modern .node.type-text{font-family:'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:1px}
.premium-canvas.layout-celestial .node[data-node-id='names'],.premium-canvas.layout-royal .node[data-node-id='names']{font-family:'Times New Roman',Georgia,'Traditional Arabic',serif}
.premium-canvas.in-editor .node.selected{outline:2px dashed #398ac2;outline-offset:4px;background:#ffffff19}
.premium-canvas.has-envelope:not(.opened)>.node{opacity:0;pointer-events:none}
.premium-canvas.opened>.node{animation:lux-rise .8s ease both;animation-delay:calc(var(--node-index) * 90ms)}
@keyframes lux-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Interactive invitation envelope. A true 3-D flap made of CSS rather than a pre-rendered image. */
.reveal-screen{position:absolute;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fff7e3e8,#f1e5ceef 56%,#b9aa93ed);color:#6b5132;text-align:center;transition:opacity .5s,visibility .5s}
.reveal-screen .envelope-glow{position:absolute;inset:0;opacity:.15;background:var(--art-image) center/cover no-repeat;filter:blur(4px)}
.env-kicker,.env-bottom{position:relative;z-index:1;font-family:Georgia,'Traditional Arabic',serif;letter-spacing:3px;font-size:17px}
.env-kicker{margin-bottom:52px;color:#816443}
.env-bottom{margin-top:55px;font-size:13px;letter-spacing:1px;color:#a38b6c}
.open-invitation{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.open-invitation:focus-visible{outline:3px solid #5a8b92;outline-offset:15px;border-radius:13px}
.env-stage{display:block;position:relative;width:292px;height:200px;perspective:900px;filter:drop-shadow(0 20px 21px #4f3c2780)}
.env-shell{position:absolute;inset:0;background:linear-gradient(145deg,#e3ccaa,#b99a70);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:5px;z-index:4}
.env-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(20deg,#9e764f85,transparent 55%)}
.env-flap{position:absolute;inset:0;background:linear-gradient(#f9ecd3,#d6b991);clip-path:polygon(0 0,100% 0,50% 57%);transform-origin:50% 0;z-index:7;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.65,.15,1)}
.env-letter{position:absolute;z-index:2;top:24px;left:24px;width:244px;height:154px;background:#fffaf0;border:1px solid #c1a477;box-shadow:0 0 4px #80674850;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transition:transform .9s .3s cubic-bezier(.2,.6,.1,1)}
.env-letter i{font-size:34px;font-style:normal;color:#b89258}
.env-letter small{font:11px Georgia,serif;letter-spacing:3px;color:#b09269}
.env-seal{position:absolute;top:85px;left:124px;z-index:8;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#cd916e,#8c3c37);border:4px double #d5a580;color:#fce8ca;box-shadow:0 2px 10px #6c342866;transition:opacity .35s,transform .7s}
.env-action{display:block;font-size:16px;font-weight:700;background:#76593e;color:#fff3db;border-radius:30px;padding:11px 30px;box-shadow:0 6px 20px #57402530;animation:env-pulse 2s ease-in-out infinite}
.reveal-screen.opening .env-flap{transform:rotateX(175deg);z-index:1}
.reveal-screen.opening .env-seal{opacity:0;transform:scale(.65)}
.reveal-screen.opening .env-letter{transform:translateY(-145px)}
.reveal-screen.opening .env-action{animation:none;opacity:.45}
@keyframes env-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.studio-lux-help{margin:12px 0 18px;border-radius:12px;background:#f8f1e5;border:1px solid #e5d7c2;padding:12px;color:#795e3b;font-size:13px}
@media(max-width:850px){.luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.luxe-thumb{height:320px!important;min-height:320px!important}}
@media(max-width:520px){.hero{border-radius:16px;padding:40px 24px!important}.luxury-grid{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.luxe-card{padding:5px!important}.luxe-thumb{height:270px!important;min-height:270px!important;padding:45px 7px!important}.luxe-thumb .luxe-thumb-content strong{font-size:19px!important}.luxe-thumb .luxe-thumb-content small{font-size:10px!important}.luxe-thumb .luxe-thumb-content span{font-size:10px!important}.luxe-thumb .luxe-motion{font-size:9px}.luxe-card .template-meta b{font-size:11px}.luxe-card .template-meta .btn{font-size:11px;padding:5px 8px}.env-stage{transform:scale(.85)}.invitation-canvas.premium-canvas{border-radius:0}}
@media(prefers-reduced-motion:reduce){.premium-canvas.opened>.node,.env-action{animation:none!important}.env-flap,.env-letter,.env-seal{transition-duration:.01ms!important}}
.premium-canvas.layout-photo .canvas-art{background-size:100% 100%}
.premium-canvas.layout-photo .node.type-text{text-shadow:0 2px 7px #00000036}
.premium-canvas.layout-photo .node[data-node-id='names']{font-size:31px!important;line-height:1.4}
.premium-canvas.layout-photo .node[data-node-id='pre']{font-size:16px!important}
.premium-canvas.layout-photo .node.type-countdown{font-size:12px!important}
.premium-canvas.layout-photo .node.type-countdown .countdown-numbers{font-size:11px;margin:0;padding:2px 0}
.premium-canvas.layout-photo .node.type-rsvp{font-size:13px!important;min-height:32px;padding:5px}
.luxe-thumb.photo-thumb .luxe-thumb-content{position:absolute;bottom:38px;left:0;width:100%;padding:0 14px;gap:7px;margin:0;color:var(--accent)}
.luxe-thumb.photo-thumb .luxe-thumb-content strong{font-size:22px!important}
.luxe-thumb.photo-thumb .luxe-thumb-content small,.luxe-thumb.photo-thumb .luxe-thumb-content span{font-size:10px!important}
.luxe-thumb.photo-thumb .luxe-motion{color:#eee3d1}