:root{--ivory:#f6f1e7;--parchment:#efe7d5;--paper-deep:#e7dcc4;--gold:#c2a05a;--gold-bright:#dcbf85;--gold-deep:#96762f;--ink:#3f342a;--ink-soft:#7a6c58;--hairline:#96762f59;--font-serif:"Cormorant Garamond", "Amiri", serif;--font-script:"Great Vibes", cursive;--font-ar-display:"Aref Ruqaa", serif;--font-ar-body:"Amiri", serif;--ease-lux:cubic-bezier(.22, 1, .36, 1);--floral-rail:clamp(34px, 9.5vw, 120px);--floral-gap:clamp(6px, 1.8vw, 20px);--floral-leaf:clamp(13px, 3.4vw, 40px);--floral-blossom:clamp(16px, 4.2vw, 52px);--floral-spray-h:clamp(52px, 13vh, 128px);--floral-corner:clamp(58px, 17vw, 190px);--floral-drift:72px;--page-gutter:max(clamp(1.25rem, 6vw, 3rem), calc(var(--floral-rail) + var(--floral-gap)))}body:not(.floral){--floral-rail:0px;--floral-gap:0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;overflow-x:hidden}body.locked{height:100dvh;overflow:hidden}::selection{background:#c2a05a4d}.grain:before{content:"";pointer-events:none;z-index:40;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:9s steps(6,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%,to{transform:translate(0)}20%{transform:translate(-2%,3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-3%,-3%)}80%{transform:translate(2%,2%)}}.vignette:after{content:"";pointer-events:none;z-index:39;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#6b542824 100%);position:fixed;inset:0}.stage{z-index:0;animation:1s cubic-bezier(.22,1,.36,1) both stage-in;position:fixed;inset:0}@keyframes stage-in{0%{opacity:0}to{opacity:1}}.stage.interactive{z-index:30}.tap-hint{z-index:31;text-align:center;pointer-events:none;position:fixed;bottom:max(7dvh,44px);left:0;right:0}.tap-hint .ar{font-family:var(--font-ar-body);color:var(--gold-deep);font-size:clamp(1.05rem,4vw,1.3rem);display:block}.tap-hint .en{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft);margin-top:.55rem;font-size:clamp(.72rem,3vw,.85rem);display:block}.tap-hint .line{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:34px;margin:.9rem auto 0}.page{z-index:10;position:relative}section.panel{min-height:100svh;padding-block:clamp(4rem,12vh,7rem);padding-left:calc(var(--page-gutter) + env(safe-area-inset-left,0px));padding-right:calc(var(--page-gutter) + env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);text-indent:.42em;font-size:clamp(.68rem,2.8vw,.8rem)}.eyebrow-ar{font-family:var(--font-ar-display);color:var(--gold-deep);font-size:clamp(1.15rem,4.5vw,1.5rem)}.names-script{font-family:var(--font-script);font-size:min(7.5rem, calc((100vw - 2 * var(--page-gutter)) / 5.5));white-space:nowrap;color:var(--ink);font-weight:400;line-height:1.15}.names-ar{font-family:var(--font-ar-display);color:var(--gold-deep);font-size:clamp(2rem,9vw,4rem);line-height:1.8}.amp{font-family:var(--font-script);color:var(--gold);font-size:.467em;line-height:1}.hero-date{letter-spacing:.28em;text-indent:.28em;color:var(--ink-soft);font-variant-numeric:lining-nums;font-size:clamp(1rem,4vw,1.35rem)}.divider{align-items:center;gap:.85rem;width:min(320px,62vw);margin:0 auto;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(to var(--dir,right), transparent, var(--hairline));flex:1;height:1px}.divider:after{--dir:left}.divider .gem{background:var(--gold);width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 12px #c2a05aa6}.words{text-align:center;max-width:34rem}.words .ar{font-family:var(--font-ar-body);color:var(--ink);font-size:clamp(1.25rem,5vw,1.7rem);line-height:2.15}.words .en{color:var(--ink-soft);font-size:clamp(1.05rem,4.2vw,1.35rem);font-style:italic;line-height:1.85}.countdown{flex-wrap:wrap;justify-content:center;gap:1.1rem clamp(.4rem,2.2vw,1.6rem);display:flex}.count-unit{flex-direction:column;align-items:center;gap:.7rem;display:flex}.count-ring{background:radial-gradient(circle at 35% 30%,#fffcf4e6,#efe7d566);border-radius:50%;place-items:center;width:clamp(52px,16.5vw,104px);height:clamp(52px,16.5vw,104px);display:grid;position:relative;box-shadow:inset 0 1px 3px #ffffffe6,0 10px 28px -12px #6b542859}.count-ring:before{content:"";background:linear-gradient(140deg, var(--gold-bright), #96762f40, var(--gold));-webkit-mask-composite:xor;border-radius:50%;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.count-num{color:var(--ink);font-variant-numeric:tabular-nums lining-nums;font-size:clamp(1.5rem,6.5vw,2.6rem);font-weight:500}.count-label{text-align:center}.count-label .en{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);text-indent:.3em;font-size:clamp(.58rem,2.4vw,.7rem);display:block}.count-label .ar{font-family:var(--font-ar-body);color:var(--gold-deep);margin-top:.15rem;font-size:clamp(.85rem,3.4vw,1.05rem);display:block}.arrived{font-family:var(--font-script);color:var(--gold-deep);font-size:clamp(2.2rem,9vw,4rem)}.details-card{text-align:center;background:linear-gradient(165deg,#fffdf6d9,#efe7d58c);width:min(30rem,100%);padding:clamp(2rem,7vw,3.2rem) clamp(1.4rem,6vw,2.8rem);position:relative;box-shadow:0 30px 60px -30px #6b542859}.details-card:after{content:"";pointer-events:none;border:1px solid #96762f2e;position:absolute;inset:7px}.detail-row{padding:1.15rem 0}.detail-row+.detail-row{border-top:1px solid #96762f29}.detail-icon{width:30px;height:30px;color:var(--gold-deep);margin:0 auto .55rem}.detail-main{color:var(--ink);font-size:clamp(1.15rem,4.6vw,1.45rem);font-weight:500}.detail-sub{font-family:var(--font-ar-body);color:var(--ink-soft);margin-top:.2rem;font-size:clamp(1rem,4vw,1.2rem)}.detail-sub.latin{font-family:var(--font-serif);font-style:italic}.actions{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.btn-gold{appearance:none;border:1px solid var(--gold-deep);cursor:pointer;font-family:var(--font-serif);letter-spacing:.26em;text-transform:uppercase;color:var(--ivory);background:linear-gradient(160deg, var(--gold-bright) 0%, var(--gold) 35%, var(--gold-deep) 100%);transition:transform .5s var(--ease-lux), box-shadow .5s var(--ease-lux);align-items:center;gap:.6rem;padding:.95rem 1.7rem;font-size:.82rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -14px #96762fb3}.btn-gold:after{content:"";width:40%;transition:left .8s var(--ease-lux);background:linear-gradient(105deg,#0000,#ffffff80,#0000);position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 40px -16px #96762fd9}.btn-gold:hover:after{left:130%}.btn-gold.ghost{color:var(--gold-deep);border-color:var(--gold);box-shadow:none;background:0 0}.closing-mono{font-family:var(--font-script);font-size:min(clamp(2.6rem, 11vw, 4.6rem), calc((100vw - 2 * var(--page-gutter)) / 5.85));white-space:nowrap;color:var(--gold-deep);line-height:1.3}.closing-word-ar{font-family:var(--font-ar-display);color:var(--ink);font-size:clamp(1.5rem,6vw,2.2rem)}.closing-word-en{letter-spacing:.4em;text-transform:uppercase;text-indent:.4em;color:var(--ink-soft);font-size:clamp(.75rem,3vw,.9rem)}.scroll-cue{color:var(--gold-deep);flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:max(4dvh,26px);left:50%;transform:translate(-50%)}.scroll-cue span{letter-spacing:.34em;text-transform:uppercase;text-indent:.34em;font-size:.65rem}.scroll-cue .wheel{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:42px;animation:cue-drop 2.2s var(--ease-lux) infinite;transform-origin:top}@keyframes cue-drop{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.stack{text-align:center;flex-direction:column;align-items:center;display:flex}.scroll-progress{z-index:36;transform-origin:50%;background:linear-gradient(90deg, transparent, var(--gold-bright) 22%, var(--gold) 50%, var(--gold-bright) 78%, transparent);will-change:transform;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.atmosphere{z-index:5;pointer-events:none;will-change:transform;background:radial-gradient(90% 55% at 18% 30%,#efe7d58c,#0000 70%),radial-gradient(80% 50% at 82% 72%,#e7dcc473,#0000 70%);position:fixed;inset:-12% 0}.shimmer-text{--shimmer-base:var(--ink);background:linear-gradient(110deg, var(--shimmer-base) 42%, var(--gold-bright) 50%, var(--shimmer-base) 58%);-webkit-text-fill-color:transparent;background-position:110% 0;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9.5s ease-in-out 1.6s infinite shimmer-sweep}.shimmer-gold{--shimmer-base:var(--gold-deep)}@keyframes shimmer-sweep{0%{background-position:110% 0}26%{background-position:-110% 0}to{background-position:-110% 0}}.ring-draw{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.count-orbit{pointer-events:none;border:1px dashed #c2a05a47;border-radius:50%;animation:24s linear infinite orbit-spin;position:absolute;inset:-9px}.count-orbit:before{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;top:-2.5px;left:calc(50% - 2px);box-shadow:0 0 8px #c2a05ae6}@keyframes orbit-spin{to{transform:rotate(360deg)}}.tick-pulse{border:1px solid var(--gold-bright);pointer-events:none;border-radius:50%;position:absolute;inset:0}.card-border{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.card-gem{background:var(--gold);pointer-events:none;width:9px;height:9px;position:absolute;box-shadow:0 0 10px #c2a05a8c}.card-gem.tl{top:-4.5px;left:-4.5px}.card-gem.tr{top:-4.5px;right:-4.5px}.card-gem.bl{bottom:-4.5px;left:-4.5px}.card-gem.br{bottom:-4.5px;right:-4.5px}.btn-gold.auto-shine:after{animation:btn-shine 6.5s var(--ease-lux) 2.5s infinite}@keyframes btn-shine{0%{left:-60%}18%{left:130%}to{left:130%}}.seal-wrap{place-items:center;display:grid;position:relative}.seal-glow{pointer-events:none;background:radial-gradient(circle,#dcbf8580,#dcbf851f 55%,#0000 75%);border-radius:50%;width:150px;height:150px;position:absolute}.seal-ripple{border:1px solid var(--gold);pointer-events:none;border-radius:50%;width:104px;height:104px;position:absolute}.seal-spin{transform-origin:60px 60px;animation:60s linear infinite seal-rotate}@keyframes seal-rotate{to{transform:rotate(360deg)}}.closing-vignette{z-index:12;pointer-events:none;background:linear-gradient(#0000,#6b542829);height:34vh;position:fixed;bottom:0;left:0;right:0}.floral-frame{z-index:8;pointer-events:none;contain:layout paint;position:fixed;inset:0}.floral-rail{width:var(--floral-rail);position:absolute;top:0;bottom:0;overflow:hidden}.floral-rail--left{left:0}.floral-rail--right{right:0}.rail-layer{left:0;right:0;top:calc(var(--floral-drift) * -1);bottom:calc(var(--floral-drift) * -1);will-change:transform, opacity;position:absolute}.rail-stem,.spray-stem,.corner-stem{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.floral-spray{height:var(--floral-spray-h);will-change:transform, opacity;position:absolute;left:0;right:0}.floral-spray--top{top:calc(-10px + env(safe-area-inset-top,0px))}.floral-spray--bottom{bottom:calc(-10px + env(safe-area-inset-bottom,0px))}.floral-corner{width:var(--floral-corner);height:var(--floral-corner);opacity:.9;position:absolute}.floral-corner--tl{top:0;left:0}.floral-corner--tr{top:0;right:0}.floral-corner--bl{bottom:0;left:0}.floral-corner--br{bottom:0;right:0}.botanical{position:absolute;overflow:visible;translate:-50% -50%}.sway{position:absolute;inset:0}.sway--a{animation:13s ease-in-out infinite alternate sway-a}.sway--b{animation:17s ease-in-out -4s infinite alternate sway-b}@keyframes sway-a{0%{translate:-1px -2.5px}to{translate:1px 2.5px}}@keyframes sway-b{0%{translate:1px 2px}to{translate:-1px -2.5px}}.sway--a .botanical:nth-child(odd),.sway--b .botanical:nth-child(3n+1){animation:11s ease-in-out infinite alternate petal-turn}.sway--b .botanical:nth-child(3n+1){animation-duration:15s;animation-delay:-5s}.sway--a .botanical:nth-child(4n+1){animation-delay:-7s}@keyframes petal-turn{0%{rotate:-2.4deg}to{rotate:2.4deg}}.sound-toggle{top:calc(clamp(.85rem, 3.2vw, 1.6rem) + env(safe-area-inset-top,0px));right:calc(clamp(.85rem, 3.2vw, 1.6rem) + env(safe-area-inset-right,0px));z-index:37;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:40px;height:40px;color:var(--gold-deep);cursor:pointer;opacity:.55;transition:opacity .4s var(--ease-lux), transform .4s var(--ease-lux);background:#f6f1e780;border-radius:50%;place-items:center;font-size:1rem;line-height:1;display:grid;position:fixed}.sound-toggle:hover,.sound-toggle:focus-visible{opacity:1;transform:translateY(-1px)}.sound-toggle.muted{opacity:.32}.sound-toggle.muted:after{content:"";background:var(--gold-deep);width:22px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.sound-toggle.blocked{opacity:.9;animation:sound-invite 2.8s var(--ease-lux) infinite}@keyframes sound-invite{0%,to{box-shadow:0 0 #c2a05a00}40%{box-shadow:0 0 0 7px #c2a05a29}70%{box-shadow:0 0 0 11px #c2a05a00}}.sound-hint{white-space:nowrap;font-family:var(--font-ar-body);color:var(--gold-deep);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:calc(100% + .6rem);transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain:before,.scroll-cue .wheel,.stage{animation:none}.shimmer-text{-webkit-text-fill-color:currentColor;background:0 0;animation:none}.count-orbit,.seal-spin,.btn-gold.auto-shine:after,.sway,.sound-toggle.blocked{animation:none}}
