html,body{margin:0;background:#0d0a12}body.mg-lock{overflow:hidden;height:100%}
.mg{font-family:'Cormorant Garamond',serif;color:#fbf3e4;--gold:#e9c77b}.mg *{box-sizing:border-box}
.mg-hero{position:relative;height:100dvh;overflow:hidden;background:#1a1410}.mg-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-po{position:absolute;inset:0;z-index:5;background:center/cover;cursor:pointer;transition:opacity .9s}.mg-po.off{opacity:0;pointer-events:none}
.mg-hint{position:absolute;left:0;right:0;bottom:9%;text-align:center;font:italic 500 21px 'Cormorant Garamond',serif;color:#fff4dc;text-shadow:0 2px 12px rgba(0,0,0,.7);animation:mgH 2.4s ease-in-out infinite}@keyframes mgH{50%{opacity:.4}}
.mg-nm{position:absolute;left:0;right:0;top:14%;z-index:4;text-align:center;pointer-events:none;text-shadow:0 0 18px rgba(60,30,10,.8),0 0 40px rgba(60,30,10,.5)}
.mg-nm>*{opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity 1.4s,transform 1.4s,filter 1.4s}.mg-nm.on>*{opacity:1;transform:none;filter:none}.mg-nm.on>*:nth-child(2){transition-delay:.3s}.mg-nm.on>*:nth-child(3){transition-delay:.7s}.mg-nm.on>*:nth-child(4){transition-delay:1s}.mg-nm.on>*:nth-child(5){transition-delay:1.5s}
.k{font:600 11px Inter,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}
.n1{font:400 clamp(58px,17vw,84px)/1 'Pinyon Script',cursive;color:#fffaf0}.am{font:400 32px 'Pinyon Script',cursive;color:var(--gold)}.dd{font:700 16px 'Cormorant Garamond',serif;letter-spacing:.34em;margin-top:12px}
.cue{position:absolute;left:0;right:0;bottom:4%;z-index:4;text-align:center;font:600 10px Inter,sans-serif;letter-spacing:.32em;opacity:0;transition:opacity 1s 2s}.cue.on{opacity:.9}
.sn{position:relative}.sk{position:sticky;top:0;height:100dvh;overflow:hidden}
.im{position:absolute;inset:0;background:center/cover no-repeat;will-change:transform,filter,clip-path}
.sh{position:absolute;inset:0;pointer-events:none}
.tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 26px;pointer-events:none;text-shadow:0 2px 16px rgba(0,0,0,.75)}
.tx>*{max-width:400px;opacity:0;transform:translateY(18px);transition:opacity .9s,transform .9s}.tx.on>*{opacity:1;transform:none}.tx.on{pointer-events:auto}
.tx.on>*:nth-child(2){transition-delay:.12s}.tx.on>*:nth-child(3){transition-delay:.24s}.tx.on>*:nth-child(4){transition-delay:.36s}.tx.on>*:nth-child(5){transition-delay:.48s}.tx.on>*:nth-child(6){transition-delay:.6s}
.or{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px auto}.or i{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.or i:last-child{transform:scaleX(-1)}.or b{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold)}
.bis{font:700 clamp(23px,6.8vw,30px) Amiri,serif;color:#fff3d6}.dear{font:italic 600 21px 'Cormorant Garamond',serif;color:var(--gold)}
.big{font:400 clamp(46px,13vw,62px)/1.1 'Pinyon Script',cursive;color:#fffaf0}
.p{font:500 clamp(18px,4.8vw,21px)/1.6 'Cormorant Garamond',serif}.par{font:600 17px/1.7 'Cormorant Garamond',serif;color:#f6e6c8}
#s3 .sk{background:radial-gradient(ellipse at 50% 50%,#3a1a14,#140a0a 75%)}
.hf{position:absolute;top:0;bottom:0;width:50.5%;background:center/cover no-repeat;will-change:transform;box-shadow:0 0 40px rgba(0,0,0,.6)}.hf.l{left:0;background-position:left center;background-size:200% 100%}.hf.r{right:0;background-position:right center;background-size:200% 100%}
.nm3{text-shadow:0 0 24px rgba(233,199,123,.45)}.nm3 .n1{font-size:clamp(64px,19vw,96px)}
.sc{position:relative;width:min(84vw,320px);height:150px;margin:10px auto 16px;border-radius:16px;overflow:hidden;background:rgba(255,248,236,.95);box-shadow:0 0 0 1px rgba(233,199,123,.8),0 24px 46px -18px rgba(0,0,0,.8)}
.sc .dt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7a2a1c;text-shadow:none}.sc .dt b{font:700 clamp(32px,9vw,40px) 'Cormorant Garamond',serif;letter-spacing:.06em}.sc .dt span{font:italic 600 16px 'Cormorant Garamond',serif;color:#8a5a3a}
.sc canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:pointer;transition:opacity .9s}
.hj{font:italic 600 18px 'Cormorant Garamond',serif;color:#ffd3c4;min-height:22px;margin-bottom:14px}
.cd{display:flex;justify-content:center;gap:9px}.cd div{width:68px;padding:10px 4px;border-radius:12px;background:rgba(20,10,10,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(233,199,123,.55)}.cd b{display:block;font:700 25px 'Cormorant Garamond',serif;line-height:1.1}.cd span{font:600 9px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.evs{position:absolute;left:0;right:0;bottom:7%;display:flex;flex-direction:column;gap:12px;align-items:center;padding:0 20px}
.ev{width:100%;max-width:380px;padding:16px 18px;border-radius:18px;background:rgba(22,12,10,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(233,199,123,.55),0 20px 40px -20px #000;text-align:center;will-change:transform,opacity}
.ev h3{margin:0;font:400 38px 'Pinyon Script',cursive;color:var(--gold);font-weight:400}.ev .w{font:700 16px 'Cormorant Garamond',serif;margin:2px 0}.ev .v{font:italic 500 16px 'Cormorant Garamond',serif;opacity:.9}
.bt{display:flex;gap:8px;margin-top:10px}.bt a{flex:1;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font:600 10.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#2a1410;background:linear-gradient(135deg,#f6dea0,#d4a752);text-shadow:none}.bt a.o{background:none;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.evh{position:absolute;top:12%;left:0;right:0;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.8)}
#s6 .tx{text-shadow:0 0 16px rgba(255,250,240,.95),0 0 34px rgba(255,250,240,.8);color:#4a2318}#s6 .big{color:#7a2a1c}#s6 .k{color:#a5752a}#s6 .or i{background:linear-gradient(90deg,transparent,#a5752a)}#s6 .or b{border-color:#a5752a}
.ay{font:700 clamp(22px,6.5vw,28px)/1.9 Amiri,serif;direction:rtl}
.dk{position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,40%),rgba(4,6,18,0) 0,rgba(4,6,18,0) 70px,rgba(4,6,18,.55) 150px,rgba(4,6,18,.94) 240px);pointer-events:none}
.dua{font:700 clamp(22px,6.5vw,28px)/1.8 Amiri,serif;direction:rtl;color:#fff6e0;text-shadow:0 0 20px rgba(255,220,150,.55)}
.fam{font:700 20px 'Cormorant Garamond',serif;color:var(--gold);margin:6px 0 20px}
.rs{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 32px;border-radius:40px;background:linear-gradient(135deg,#f6dea0,#d4a752);color:#2a1410;font:600 12px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;text-shadow:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.ct2{margin-top:20px;padding-top:14px;border-top:1px dashed rgba(233,199,123,.45);width:100%}.ct2 small{display:block;font:600 10px Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.cp{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;text-align:left}.cp em{display:block;font:italic 500 14px 'Cormorant Garamond',serif;opacity:.8}.cp b{font:600 18px 'Cormorant Garamond',serif}
.cp a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(233,199,123,.8);color:var(--gold);margin-left:6px;text-decoration:none;font:600 10px Inter,sans-serif;text-shadow:none}
.love{font:400 40px 'Pinyon Script',cursive;color:var(--gold);margin-top:16px}.tap{font:600 10px Inter,sans-serif;letter-spacing:.28em;opacity:.6;margin-top:6px}
#mgDay{position:fixed;right:10px;top:22vh;height:56vh;width:2px;z-index:40;background:linear-gradient(#e9c77b,#c98a6a,#7b6fb0,#cfd8ff);opacity:0;transition:opacity 1s;border-radius:2px}#mgDay.on{opacity:.5}#mgDay i{position:absolute;left:50%;width:11px;height:11px;margin:-5px 0 0 -5.5px;border-radius:50%;background:var(--c,#ffd98a);box-shadow:0 0 12px 3px var(--c,#ffd98a)}
#mgFx{position:fixed;inset:0;width:100%;height:100%;z-index:41;pointer-events:none}
.mg-mute{position:fixed;left:14px;bottom:18px;z-index:50;width:42px;height:42px;border-radius:50%;border:0;background:rgba(30,15,10,.7);color:var(--gold);display:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(233,199,123,.6)}