@font-face{font-family:PalaceSerif;src:url('../assets/cormorant-05.ttf') format('truetype');font-display:swap}
@font-face{font-family:PalaceItalic;src:url('../assets/cormorant-00.ttf') format('truetype');font-display:swap}
.royal-revised{--paper:#3d0e18;--ink:#f6e4c6;--accent:#dfbe83;--line:#9e7448;--gold:#cfa76a;--serif:PalaceSerif,Georgia,serif;background:#1d090e;font-size:18px}
.royal-revised .stationery{max-width:520px;background:#3d0e18}
.royal-revised h2{font-family:PalaceSerif;letter-spacing:-.4px}
.royal-kicker{font:9px/1.7 Arial,sans-serif;letter-spacing:2px;font-weight:400;color:#e3c18c}
.royal-revised .masthead{height:60px;background:linear-gradient(#260610bb,transparent);padding:0 6%;color:#f0d7ad}
.royal-revised .mini-monogram{font:21px PalaceSerif,Georgia,serif;letter-spacing:3px}
.royal-revised .mini-monogram em{font-size:14px}
.royal-revised .masthead nav{font:11px PalaceSerif,Georgia,serif;gap:17px}
.welcome-royal-doors{background:#1d090e;overflow:hidden;perspective:1500px;transition:opacity .7s 2.5s,visibility 0s 3.2s}
.welcome-royal-doors .opening-art{max-width:520px;margin:auto;background:#2a0710;perspective:1400px;overflow:hidden}
.palace-door{position:absolute;inset:0;width:50%;background-image:url('assets/royal-muslim-doors.webp');background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden;transition:transform 2.1s .8s cubic-bezier(.25,.55,.2,1),filter 1.8s .8s;z-index:2;will-change:transform}
.palace-door-left{right:auto;background-position:left center;transform-origin:left center}
.palace-door-right{left:auto;background-position:right center;transform-origin:right center}
.palace-door-light{position:absolute;inset:0;background:radial-gradient(ellipse at center,#e6c28588,#390c16 65%);opacity:0;transition:opacity 1.2s .6s}
.welcome-royal-doors .opening-content{position:absolute;bottom:max(6%,28px);left:50%;transform:translateX(-50%);width:min(100%,520px);padding:0 15px;transition:opacity .35s .6s}
.royal-door-title{position:absolute;top:14%;left:50%;transform:translateX(-50%);width:min(84%,430px);text-align:center;color:#f8e7c7;text-shadow:0 2px 12px #160108,0 0 15px #160108;z-index:3;transition:opacity .4s .4s}
.royal-door-title>p:last-child{font:42px PalaceItalic,Georgia,serif;margin-top:16px}
.royal-door-title em{font-size:27px;margin:0 8px}
.royal-door-title .royal-kicker{font-size:8px;letter-spacing:2.4px}
.knock-button{border:1px solid #d7ae69;border-radius:60px;color:#f7e0b7;background:#330911e8;box-shadow:0 5px 25px #17020780,inset 0 0 0 3px #8a613755;min-height:57px;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font:16px PalaceSerif,Georgia,serif}
.knock-ring{display:inline-block;width:23px;height:27px;border:3px solid #cfaa6d;border-radius:45%;position:relative;box-shadow:inset 0 0 0 1px #715129,0 1px 2px #000;transform-origin:top}
.knock-ring:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#ddb980;top:-8px;left:3px;box-shadow:0 1px 2px #000}
.welcome-royal-doors .opening-hint{font:13px PalaceSerif,Georgia,serif;color:#ffe4b7;text-shadow:0 1px 8px #140309;margin-top:14px}
.welcome-royal-doors .silent-button{color:#f6dfbb;text-shadow:0 1px 6px #190208;opacity:.9;font:12px PalaceSerif,Georgia,serif;margin-top:8px}
.door-status{position:absolute;left:0;right:0;bottom:-16px;font:11px Arial,sans-serif;color:#fbe5bf}
.welcome-royal-doors.is-opening .palace-door-left{transform:rotateY(-105deg);filter:brightness(.7)}
.welcome-royal-doors.is-opening .palace-door-right{transform:rotateY(105deg);filter:brightness(.7)}
.welcome-royal-doors.is-opening .palace-door-light{opacity:1}
.welcome-royal-doors.is-opening .royal-door-title,.welcome-royal-doors.is-opening .opening-content{opacity:0;transform:translateX(-50%)}
.welcome-royal-doors.is-opening .knock-ring{animation:royal-knock .24s 3}
.royal-revised .royal-cover{min-height:760px;height:100svh;max-height:990px;background-image:linear-gradient(0deg,#310911 1%,#360b149c 45%,#360b146b 72%,#2e08117a),url('assets/royal-muslim-staircase.webp');background-size:100% auto;background-position:center top;display:flex;align-items:center;justify-content:center;padding:82px 6% 94px}
.royal-cover-copy{text-align:center;width:100%;position:relative;color:#f6e7cc;text-shadow:0 2px 10px #210308}
.save-date-script{font:38px PalaceItalic,Georgia,serif;margin:12px 0 26px}
.name-frame{border:1px solid #c59e60;outline:1px solid #c59e6080;outline-offset:7px;position:relative;padding:28px 12px 22px;margin:0 auto;width:85%;background:radial-gradient(ellipse,#350914aa,#3509143d);border-radius:90px 90px 6px 6px;box-shadow:0 0 0 12px #6a352723,inset 0 0 28px #26051080}
.name-frame:before,.name-frame:after{content:'❦';font:23px Georgia,serif;color:#deb87b;position:absolute;bottom:3px}
.name-frame:before{left:4px}.name-frame:after{right:4px;transform:scaleX(-1)}
.frame-flower{display:block;font-size:36px;line-height:1;color:#dfbc80;margin-bottom:12px}
.royal-names{font:67px/.98 PalaceSerif,Georgia,serif;font-weight:400;display:grid;gap:7px;letter-spacing:-2px}
.royal-names em{font:26px PalaceItalic,Georgia,serif;letter-spacing:0;color:#e6c188}
.royal-names:focus{outline:none}
.name-frame .royal-kicker{margin-top:25px;font-size:6.5px;letter-spacing:1.8px}
.royal-dates{font:24px/1.3 PalaceSerif,Georgia,serif;margin-top:30px}
.royal-city{margin-top:10px;font-size:8px;letter-spacing:4px}
.royal-countdown{margin:30px auto 0;max-width:360px}
.royal-countdown>p{font:15px PalaceItalic,Georgia,serif}
.royal-countdown .countdown{margin-top:16px;gap:13px}
.royal-countdown .countdown strong{font:36px/1 PalaceSerif,Georgia,serif;color:#f4d9a8}
.royal-countdown .countdown div{min-width:43px}
.royal-countdown .countdown span{font-size:7px;letter-spacing:1.5px}
.royal-cover .scroll-cue{bottom:25px;color:#eaca91}
.royal-cover .scroll-cue span{font-size:7px}
.palace-journey{background:#390c15;padding:0}
.royal-chapter-heading{text-align:center;padding:45px 7% 38px;background:radial-gradient(ellipse,#56172455,transparent)}
.royal-chapter-heading h2{font-size:39px;line-height:1.1;margin-top:13px;color:#fae8c8}
.royal-chapter-heading>.royal-kicker{font-size:7px;letter-spacing:1.6px}
.royal-chapter-heading>p:last-child:not(.royal-kicker){font:16px PalaceItalic,Georgia,serif;margin-top:13px;color:#e0bc8d}
.staircase-story{position:relative;width:100%;isolation:isolate}
.staircase-story>img{width:100%;height:auto;display:block}
.stair-caption{position:absolute;width:46%;text-align:center;color:#fae7c7;z-index:1;text-shadow:0 2px 7px #28050c;display:block;padding:5px 3px;--caption-border:#bb945b}
.stair-caption-1{right:3%;top:7%}
.stair-caption-2{left:13%;top:32.5%}
.stair-caption-3{right:3%;top:60%}
.stair-caption .royal-kicker{font-size:7px;letter-spacing:1.7px}
.stair-caption h3{font:29px/.95 PalaceSerif,Georgia,serif;font-weight:400;margin:8px 0 10px}
.stair-caption p{font:14px/1.4 PalaceSerif,Georgia,serif}
.stair-link{display:block;width:max-content;max-width:100%;margin:12px auto 0;border-bottom:1px solid #ad804d;padding-bottom:3px;font:11px/1.5 PalaceItalic,Georgia,serif}
.royal-family{padding:48px 8% 12px;text-align:center;background:linear-gradient(#3a0d17,#410f1b)}
.royal-revised .royal-family .family-frame{background:transparent;border:1px solid #b58a52;border-radius:100px 100px 3px 3px;padding:47px 18px 34px;box-shadow:inset 0 0 0 7px #56221d55}
.royal-revised .royal-family .family-frame:before{inset:7px;border-radius:94px 94px 0 0;border-color:#ad8347}
.royal-family .bismillah{width:160px;height:40px;margin-bottom:24px;opacity:.9;filter:sepia(1) brightness(2);mix-blend-mode:screen}
.royal-family .royal-kicker{font-size:7px;letter-spacing:1.3px}
.royal-family h2{font-size:32px;margin:20px 0 14px}
.royal-family .family-frame>p:not(.royal-kicker){font-size:16px;line-height:1.4}
.royal-family .family-pair{grid-template-columns:1fr;margin:26px 0;gap:5px}
.royal-family .family-pair h3{font:39px PalaceItalic,Georgia,serif;margin-bottom:7px}
.royal-family .family-pair p{font-size:13px;line-height:1.4}
.royal-family .family-pair strong{font:15px PalaceSerif,Georgia,serif;margin-top:6px}
.royal-family .family-pair>span{font:25px PalaceItalic,Georgia,serif;margin:9px 0}
.royal-family .family-foot{font:15px/1.45 PalaceItalic,Georgia,serif!important}
.royal-celebrations{padding:15px 8% 40px;background:#410f1b}
.royal-celebrations .royal-chapter-heading{padding:40px 0 15px}
.royal-event{text-align:center;padding:38px 0 33px;border-bottom:1px solid #98663d6b}
.royal-event h3{font:38px PalaceItalic,Georgia,serif;margin:10px 0 17px}
.royal-event-date{font-size:19px;line-height:1.3}
.royal-event h4{font:24px/1.15 PalaceSerif,Georgia,serif;font-weight:400;margin:23px auto 5px;max-width:330px}
.royal-event>p:last-of-type{font-size:16px;line-height:1.3;color:#d7b789}
.royal-event-actions{display:flex;justify-content:center;align-items:center;gap:17px;flex-wrap:wrap;margin-top:22px}
.royal-map{font:14px PalaceSerif,Georgia,serif;border:1px solid #b58a52;min-height:44px;display:inline-flex;align-items:center;padding:10px 18px;color:#f6dfb7;background:#5b262244}
.royal-event .calendar-button{font:13px PalaceSerif,Georgia,serif;color:#e5c18c;min-height:44px;text-decoration-thickness:1px}
.royal-date{background:#350b16;padding-top:55px;padding-bottom:35px}
.royal-date h2{font-size:36px;margin-top:13px}
.royal-date .scratch-shell{border:5px double #b89158;transform:rotate(-1.4deg);height:220px}
.royal-revised .royal-date .date-inside{background:radial-gradient(#214236,#102b22);color:#f0d6a5}
.royal-date .date-inside strong{font-family:PalaceSerif}
.royal-date .date-inside p{font:32px PalaceItalic,Georgia,serif}
.royal-date .scratch-instruction{font:16px/1.35 PalaceSerif,Georgia,serif}
.royal-date .reveal-button{font-size:13px}
.royal-revised .royal-closing{background:radial-gradient(ellipse at bottom,#20372d,#350b16 70%);border-top:0;padding:50px 6% 65px}
.royal-closing h2{font:36px/1.15 PalaceSerif,Georgia,serif;margin:18px 0 22px}
.royal-closing>p:not(.royal-kicker){font-size:16px}
.royal-signature{font:49px PalaceItalic,Georgia,serif;margin:20px 0 18px;color:#eacb96}
.royal-signature em{font-size:28px;margin:0 7px}
.royal-revised .share-button{color:#32111a;background:#dec18e;border:0;border-radius:2px;font:14px PalaceSerif,Georgia,serif;margin-top:25px}
.royal-revised footer{padding:26px 6% 95px;font-size:8px;letter-spacing:1px;background:#1d3027}
.royal-revised .music-button{right:max(14px,calc((100vw - 520px)/2 + 14px));min-height:44px;max-width:180px;background:#20372e;color:#f0d8af;font-size:11px;padding:9px 12px;border-color:#a78046}
@keyframes royal-knock{0%,100%{transform:rotateX(0)}50%{transform:rotateX(-65deg)}}
@media(min-width:521px){.welcome-royal-doors .opening-art{height:100%;max-height:990px;top:50%;bottom:auto;transform:translateY(-50%)}.royal-revised .royal-cover{height:900px;min-height:900px}.stair-caption h3{font-size:36px}.stair-caption p{font-size:17px}.stair-link{font-size:13px}.stair-caption .royal-kicker{font-size:9px}.royal-door-title{top:13%}}
@media(max-width:380px){.royal-revised .royal-cover{min-height:710px;padding-left:5%;padding-right:5%}.royal-names{font-size:59px}.save-date-script{font-size:34px}.royal-dates{font-size:22px}.royal-countdown .countdown{gap:9px}.royal-countdown .countdown strong{font-size:32px}.stair-caption h3{font-size:24px}.stair-caption p{font-size:12px}.stair-link{font-size:10px;margin-top:7px}.royal-chapter-heading h2{font-size:34px}.royal-family{padding-left:6%;padding-right:6%}.royal-family .family-pair strong{font-size:14px}.royal-door-title>p:last-child{font-size:36px}.royal-event-actions{gap:10px}}
@media(max-height:700px){.welcome-royal-doors .opening-content{bottom:3%}.royal-door-title{top:10%}}
@media(prefers-reduced-motion:reduce){.welcome-royal-doors,.palace-door,.palace-door-light,.royal-door-title{transition:none!important}.welcome-royal-doors.is-opening{visibility:hidden;opacity:0}.knock-ring{animation:none!important}}