:root{--black:#080707;--black2:#14100f;--wine:#651422;--wine2:#2d0710;--gold:#d8b56c;--gold2:#f5dfaa;--ivory:#fff8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Cairo,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.palace-intro{position:fixed;inset:0;z-index:90;overflow:hidden;background:radial-gradient(circle at 50% 25%,#382117 0,#120d0b 38%,#050404 80%);perspective:1400px}.palace-depth{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(255,225,160,.2) 50%,transparent 50.3%),radial-gradient(ellipse at 50% 65%,rgba(223,176,82,.22),transparent 48%)}.floor-reflection{position:absolute;left:-10%;right:-10%;bottom:-18%;height:55%;transform:perspective(800px) rotateX(65deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 20%),radial-gradient(ellipse,rgba(219,177,96,.16),transparent 60%);border-top:1px solid rgba(216,181,108,.2)}.door{position:absolute;top:0;bottom:0;width:50.2%;z-index:5;transition:transform 1.75s cubic-bezier(.7,0,.2,1);transform-style:preserve-3d}.door-left{left:0;transform-origin:left}.door-right{right:0;transform-origin:right}.door-panel{position:absolute;inset:0;background:linear-gradient(90deg,#120a07,#3a1f12 18%,#1a0d08 48%,#4a2816 75%,#120a07);border:3px solid #6d4b25;box-shadow:inset 0 0 0 10px #17100a,inset 0 0 0 13px #8f6a31,inset 0 0 70px #000}.door-panel:before,.door-panel:after{content:"";position:absolute;left:14%;right:14%;height:31%;border:2px solid #b1843c;box-shadow:inset 0 0 0 7px #24160e,inset 0 0 25px #000;background:radial-gradient(circle,#5e3b1d 0 4%,transparent 5%),linear-gradient(135deg,transparent 47%,rgba(213,174,91,.35) 49% 51%,transparent 53%)}.door-panel:before{top:10%}.door-panel:after{bottom:10%}.door-right .door-panel{transform:scaleX(-1)}.door-panel span{position:absolute;top:50%;width:11px;height:42px;border-radius:8px;background:linear-gradient(90deg,#795520,#f3d48a,#795520);box-shadow:0 0 18px rgba(244,210,131,.4)}.door-left span{right:5%}.door-right span{left:5%}.curtain{position:absolute;top:0;bottom:0;width:43%;z-index:7;background:repeating-linear-gradient(90deg,#2a0710 0 8%,#711423 15%,#370812 24%,#8b1b2e 33%,#350811 43%);filter:drop-shadow(0 0 22px #000);transition:transform 1.35s cubic-bezier(.7,0,.2,1) .35s}.curtain:after{content:"";position:absolute;top:0;bottom:0;width:26px;background:linear-gradient(90deg,#9d762d,#f0d081,#9d762d)}.curtain-left{left:0;border-radius:0 0 90% 0}.curtain-left:after{right:-10px}.curtain-right{right:0;border-radius:0 0 0 90%;transform:scaleX(-1)}.curtain-right:after{right:-10px}.folds{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent 18%,rgba(0,0,0,.3) 30%,transparent 40%);opacity:.7}.chandelier{position:absolute;top:-4px;left:50%;z-index:12;width:210px;height:230px;transform:translateX(-50%);transform-origin:50% 0;animation:sway 5s ease-in-out infinite}.chain{position:absolute;left:50%;width:3px;height:75px;background:linear-gradient(#6f4c1b,#f5d98b,#6f4c1b)}.crown-ring{position:absolute;top:68px;left:25px;right:25px;height:70px;border:7px double var(--gold);border-radius:50%;box-shadow:0 0 35px rgba(245,215,139,.4),inset 0 0 25px rgba(245,215,139,.2)}.chandelier i{position:absolute;top:116px;left:50%;width:5px;height:85px;background:linear-gradient(var(--gold),transparent);transform-origin:top}.chandelier i:after{content:"";position:absolute;bottom:-6px;left:-6px;width:17px;height:23px;border-radius:50% 50% 65% 65%;background:radial-gradient(circle at 50% 70%,#fff 0 12%,#f8d787 18%,#b47b28 65%,transparent 68%);box-shadow:0 0 20px #f7d785}.chandelier i:nth-child(2){transform:rotate(35deg)}.chandelier i:nth-child(3){transform:rotate(-35deg)}.chandelier i:nth-child(4){transform:rotate(68deg);height:65px}.chandelier i:nth-child(5){transform:rotate(-68deg);height:65px}@keyframes sway{0%,100%{transform:translateX(-50%) rotate(-1.2deg)}50%{transform:translateX(-50%) rotate(1.2deg)}}.intro-copy{position:absolute;z-index:20;left:50%;top:57%;transform:translate(-50%,-50%);text-align:center;width:min(88vw,560px);text-shadow:0 2px 20px #000}.mini-crown{display:block;font-size:43px;color:var(--gold);filter:drop-shadow(0 0 12px rgba(245,220,150,.5))}.intro-copy p{font-family:'Cormorant Garamond';letter-spacing:.36em;margin:5px 0;color:var(--gold2)}.intro-copy h1{font:700 clamp(34px,7vw,72px) 'Aref Ruqaa';margin:6px 0 24px}.royal-seal{width:112px;height:112px;border-radius:50%;border:2px solid #f2d68c;background:radial-gradient(circle at 35% 30%,#d1a74c,#7c4b14 50%,#2a1305 78%);color:#fff5cf;box-shadow:0 0 0 8px #31130b,0 0 0 10px #bf9343,0 15px 40px #000,inset 0 0 25px rgba(255,245,191,.35);cursor:pointer;display:grid;place-content:center;gap:0;animation:pulse 2.3s ease-in-out infinite}.seal-crown{font-size:24px}.royal-seal strong{font:italic 24px 'Cormorant Garamond'}.royal-seal small{font:8px Cairo;letter-spacing:.3em}.open-note{display:block;margin-top:18px;font-size:12px;color:#d7c6a0}.opening .door-left{transform:rotateY(-105deg)}.opening .door-right{transform:rotateY(105deg)}.opening .curtain-left{transform:translateX(-92%)}.opening .curtain-right{transform:scaleX(-1) translateX(-92%)}.opening .intro-copy{animation:vanish .75s .25s forwards}.opening .chandelier{animation:sway 1.7s ease-in-out infinite,raise 1.2s .5s forwards}@keyframes pulse{50%{box-shadow:0 0 0 8px #31130b,0 0 0 10px #bf9343,0 0 35px rgba(245,214,140,.5),inset 0 0 25px rgba(255,245,191,.4)}}@keyframes vanish{to{opacity:0;transform:translate(-50%,-46%) scale(.93)}}@keyframes raise{to{top:-115px;opacity:.2}}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(216,181,108,.15);background:linear-gradient(rgba(5,4,4,.6),transparent);transition:.4s}.topbar.solid{background:rgba(7,6,6,.94);backdrop-filter:blur(12px)}.brand{color:var(--gold2);text-decoration:none;letter-spacing:.36em;font:600 14px 'Cormorant Garamond'}.topbar>span{justify-self:end;color:#d6c5a1;font-size:12px}.topbar button{justify-self:start;border:1px solid rgba(216,181,108,.5);background:transparent;color:var(--gold2);border-radius:50%;width:38px;height:38px}.ballroom{height:100svh;min-height:690px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,rgba(247,214,135,.22),transparent 35%),linear-gradient(#100808 0,#2b0b12 50%,#070606 100%)}.ballroom:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-18%;height:48%;transform:perspective(650px) rotateX(62deg);background:repeating-linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.06) 14.2%),repeating-linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.04) 18.2%),linear-gradient(135deg,#050505,#201c1b 45%,#050505);border-top:1px solid rgba(216,181,108,.35)}.velvet-side{position:absolute;top:0;bottom:0;width:28%;background:repeating-linear-gradient(90deg,#2c0710 0 12%,#731528 20%,#360711 32%,#8e1e32 42%);filter:drop-shadow(0 0 35px #000)}.velvet-side-left{left:0;clip-path:polygon(0 0,100% 0,68% 100%,0 100%)}.velvet-side-right{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,68% 100%,0 100%)}.gold-rays{position:absolute;inset:0;background:conic-gradient(from 250deg at 50% 0,transparent 0 35%,rgba(255,225,140,.09) 43%,transparent 49% 100%)}.hero-chandelier{position:absolute;top:-30px;width:420px;height:230px;border-radius:50%;border-bottom:8px double var(--gold);filter:drop-shadow(0 20px 20px rgba(246,217,145,.25))}.hero-chandelier:before,.hero-chandelier:after{content:"";position:absolute;top:45px;width:120px;height:160px;border:3px solid var(--gold);border-top:0;border-radius:0 0 70% 70%}.hero-chandelier:before{left:40px;transform:rotate(22deg)}.hero-chandelier:after{right:40px;transform:rotate(-22deg)}.gold-plaque{position:relative;z-index:3;width:min(82vw,700px);padding:55px 35px 48px;text-align:center;background:linear-gradient(135deg,rgba(12,8,6,.94),rgba(52,30,14,.94),rgba(10,7,5,.96));border:3px double var(--gold);box-shadow:0 0 0 10px rgba(22,10,5,.75),0 0 0 12px rgba(216,181,108,.55),0 28px 90px #000,inset 0 0 45px rgba(216,181,108,.12);clip-path:polygon(5% 0,95% 0,100% 14%,100% 86%,95% 100%,5% 100%,0 86%,0 14%)}.plaque-crown{font-size:48px;color:var(--gold);display:block}.gold-plaque small{font:500 13px 'Cormorant Garamond';letter-spacing:.3em;color:#e8d09a}.gold-plaque h2{font:700 clamp(48px,10vw,94px) 'Aref Ruqaa';margin:14px 0 6px}.gold-plaque h2 b{color:var(--gold);font:italic 44px 'Cormorant Garamond';margin:0 18px}.gold-plaque p{font-size:15px;color:#e1d7c3}.gold-plaque>span:last-child{font:500 16px 'Cormorant Garamond';letter-spacing:.28em;color:var(--gold2)}.enter-button{position:absolute;z-index:4;bottom:35px;color:#ead9b3;text-decoration:none;font-size:12px;letter-spacing:.08em}.enter-button i{display:block;font-style:normal;font-size:25px;animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(7px)}}.royal-details{padding:110px 6vw 125px;background:radial-gradient(circle at center,#26100e,#0c0807 65%)}.section-title{text-align:center;margin-bottom:55px}.section-title span{color:var(--gold);font-size:38px}.section-title small{display:block;letter-spacing:.25em;color:#bca476;font:13px 'Cormorant Garamond'}.section-title h2{font:700 38px 'Aref Ruqaa';margin:8px}.details-grid{max-width:950px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(216,181,108,.45);box-shadow:0 25px 70px #000}.details-grid article{position:relative;min-height:225px;text-align:center;padding:42px 25px;background:linear-gradient(145deg,rgba(54,16,20,.85),rgba(12,8,7,.95));border:1px solid rgba(216,181,108,.24)}.details-grid article>span{position:absolute;top:12px;left:16px;font:15px 'Cormorant Garamond';color:rgba(216,181,108,.6)}.details-grid h3{color:var(--gold2);font:700 23px 'Aref Ruqaa';margin:18px 0 12px}.details-grid p{line-height:2;margin:0;color:#eee2cd}.royal-clock-section{padding:100px 20px;background:linear-gradient(#090707,#23100e 50%,#080707)}.clock-room{max-width:900px;margin:auto;text-align:center}.clock-crown{font-size:72px;color:var(--gold);margin-bottom:-22px;position:relative;z-index:2}.clock-face{position:relative;border:12px solid #241307;outline:3px solid var(--gold);box-shadow:0 0 0 10px #100a06,0 35px 90px #000,inset 0 0 70px #000;background:radial-gradient(circle,#3d2412 0,#17100b 45%,#070605 78%);border-radius:48% 48% 42% 42%;padding:75px 30px 65px}.clock-face:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(216,181,108,.45);border-radius:inherit}.clock-title small{font:13px 'Cormorant Garamond';letter-spacing:.28em;color:var(--gold)}.clock-title h2{font:700 34px 'Aref Ruqaa';margin:8px 0 35px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);direction:ltr;gap:15px}.countdown div{padding:22px 8px;border:1px solid rgba(216,181,108,.45);background:rgba(0,0,0,.35);box-shadow:inset 0 0 25px #000}.countdown strong{display:block;font:600 clamp(34px,7vw,62px) 'Cormorant Garamond';color:var(--gold2)}.countdown span{font-size:12px;color:#d4c19a}.clock-base{width:55%;height:55px;margin:0 auto;background:linear-gradient(#56371b,#160c06);border:3px solid var(--gold);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.venue{min-height:75vh;display:grid;place-items:center;padding:80px 20px;background:linear-gradient(rgba(7,6,6,.7),rgba(7,6,6,.9)),repeating-linear-gradient(135deg,#171717 0 32px,#222 33px 64px)}.venue-card{text-align:center;width:min(90vw,660px);padding:70px 30px;background:rgba(16,10,9,.94);border:1px solid var(--gold);box-shadow:0 0 0 8px #0b0706,0 0 0 10px rgba(216,181,108,.4),0 25px 70px #000}.venue-card small{font:13px 'Cormorant Garamond';letter-spacing:.3em;color:var(--gold)}.venue-card h2{font:700 45px 'Aref Ruqaa';margin:15px}.venue-card p{color:#d5c8ae}.map-button{display:inline-flex;gap:15px;align-items:center;margin-top:25px;padding:15px 27px;border:1px solid var(--gold);color:#120b07;background:linear-gradient(135deg,#b88a3e,#f3d88b,#a9782f);text-decoration:none;font-size:13px}.finale{min-height:62vh;text-align:center;display:grid;place-content:center;padding:70px 20px;background:radial-gradient(circle,#44151c 0,#17090b 55%,#050404 100%)}.final-crown{font-size:55px;color:var(--gold)}.finale p{color:#dacbb0}.finale h2{font:700 clamp(42px,9vw,80px) 'Aref Ruqaa';margin:15px}.finale h2 b{color:var(--gold);font:italic 38px 'Cormorant Garamond';margin:0 15px}.finale small{font:15px 'Cormorant Garamond';letter-spacing:.28em;color:var(--gold2)}.reveal{opacity:0;transform:translateY(35px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:680px){.chandelier{width:145px;height:180px}.crown-ring{left:18px;right:18px}.intro-copy{top:60%}.royal-seal{width:96px;height:96px}.topbar{height:60px}.topbar>span{font-size:10px}.brand{font-size:12px}.ballroom{min-height:650px}.velvet-side{width:35%}.hero-chandelier{width:280px}.gold-plaque{width:86vw;padding:46px 20px 38px}.gold-plaque h2{display:flex;flex-direction:column;gap:0}.gold-plaque h2 b{line-height:.7}.details-grid{grid-template-columns:repeat(2,1fr)}.details-grid article{min-height:190px;padding:30px 12px}.details-grid h3{font-size:19px}.details-grid p{font-size:13px}.clock-face{padding:65px 15px 50px}.countdown{gap:7px}.countdown div{padding:17px 2px}.countdown strong{font-size:34px}.clock-base{width:75%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V2.3 Stable: CSS-only particles; no canvas/WebGL/iOS compositing risk */
.safe-particles{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;background-image:
radial-gradient(circle at 8% 15%,rgba(244,211,125,.48) 0 1.5px,transparent 2.5px),
radial-gradient(circle at 22% 62%,rgba(216,181,108,.32) 0 1px,transparent 2px),
radial-gradient(circle at 43% 28%,rgba(255,228,150,.38) 0 1.2px,transparent 2.2px),
radial-gradient(circle at 67% 48%,rgba(216,181,108,.4) 0 1.4px,transparent 2.4px),
radial-gradient(circle at 82% 19%,rgba(245,216,137,.34) 0 1px,transparent 2px),
radial-gradient(circle at 91% 73%,rgba(244,211,125,.42) 0 1.6px,transparent 2.6px);
background-size:310px 420px,270px 360px,390px 510px,330px 470px,290px 400px,420px 540px;
animation:safeDrift 18s linear infinite;opacity:.55}
@keyframes safeDrift{to{background-position:20px -420px,-15px -360px,25px -510px,-20px -470px,15px -400px,-25px -540px}}
.palace-intro{z-index:1000!important}.palace-intro .intro-copy{z-index:30!important}.grain{z-index:1100!important;pointer-events:none}
body.entered .safe-particles{z-index:3;opacity:.38}
@supports(-webkit-touch-callout:none){.palace-intro{transform:none!important}.door,.curtain,.intro-copy,.chandelier{-webkit-backface-visibility:hidden;backface-visibility:hidden}.safe-particles{animation-duration:24s}}