.noor-active{background:#e5d9c6}.noor-active>header,.noor-active>footer{background:#65533e}.guestpage.noor-experience{--sg-dark:#655038;--sg-gold:#a28346;--sg-sage:#a6936c;max-width:680px;background:#fbf5e9;color:#655038}.noor-experience h2,.noor-experience h3,.noor-experience .sg-eyebrow{color:#806032}.noor-experience .cv-hero{min-height:1010px;background:#e6d7bb}.noor-experience .cv-hero-photo{object-position:center}.noor-experience .cv-hero:after{background:linear-gradient(transparent,#fff4d849 28%,transparent 68%)}.noor-experience .cv-hero-copy{padding:165px 62px 420px;z-index:2}.noor-experience .cv-kicker{color:#73582e}.noor-experience .cv-hero-copy>p{color:#806032;font-size:25px}.noor-experience .cv-hero h1.sg-names{color:#8b641f;text-shadow:0 1px 0 #fff5d3,0 2px 15px #fff6df;font-size:72px}.noor-experience .cv-hero h1.sg-names span{color:#ad8b42}.noor-experience .cv-hero time,.noor-experience .cv-explore{color:#795925}.noor-rays{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;mix-blend-mode:screen}.noor-rays:before{content:'';position:absolute;inset:-25% -70%;background:linear-gradient(114deg,transparent 42%,#fff7d31c 46%,#fff9dc70 49%,#fff3bf26 53%,transparent 58%);transform:translateX(-10%);animation:noor-ray-travel 15s ease-in-out 3 alternate;will-change:transform}.noor-experience .sg-tools{background:#eee1cc}.noor-experience .sg-tools button{color:#73582e;border-color:#c7b48e}.noor-experience .sg-countdown{background:linear-gradient(125deg,#725b37,#463b2a);color:#fff5da;border-color:#c2a569;outline-color:#c2a569}.noor-experience .sg-countdown h2{color:#fff5da}.noor-experience .sg-timeline li{border-color:#d1bc92}.noor-experience .sg-timeline time{color:#8a662d}.noor-experience .sg-timeline li>span{color:#b3924e}.noor-experience .sg-location-art{color:#a38b53}.noor-experience .wedding-locations article{background:#f3ead8;border-color:#cab58c;color:#70552d}.noor-experience .sg-section:not(.sg-countdown):after,.noor-experience .guest-section:after{color:#a58340}.noor-experience button:not(.quiet):not(.outline):not(.sg-replay):not(.sg-reduce):not(.sg-audio-toggle){background:#8a6934;color:#fff9e8}.noor-experience .sg-private-card{border-color:#cab78f;background:#fffbf1}.noor-experience input,.noor-experience select,.noor-experience textarea{color:#604b2c;border-color:#c8b591;background:#fffcf4}.noor-experience .gift-section{background:#f3e8d4}.noor-experience .sg-audio-toggle{background:#806437}.noor-date{text-align:center}.noor-date-card{min-height:145px;position:relative;display:grid;place-items:center;max-width:460px;margin:20px auto 0;border:1px solid #b6985d;outline:1px solid #b6985d;outline-offset:-8px;padding:24px;background:#fffaf0;box-shadow:0 12px 30px #604c2412}.noor-date-card time{font:30px/1.8 var(--sg-serif);color:#73582e}.noor-date-reveal{position:absolute;inset:0;border-radius:0;background:linear-gradient(125deg,#b99b60,#e5ce96,#b09254)!important;color:#47391f!important;font:18px/1.8 var(--sg-serif);padding:25px;touch-action:pan-y;box-shadow:inset 0 0 0 8px #f5e4b447}.noor-date-card [hidden]{display:none!important}.noor-closing{text-align:center;padding:55px 30px!important;background:linear-gradient(#f1e5ce,#faf4e7)!important}.noor-closing>span{font-size:48px;color:#a98b52}.noor-closing>p{max-width:450px;margin:15px auto}.noor-sample{background:linear-gradient(#fff9e522,#fff5da33),url('/assets/noor/palace.webp') center/cover!important;color:#866224!important;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important;padding:55px 15px 30px!important}.noor-sample .sample-kicker{font-size:10px;letter-spacing:.15em}.noor-sample .sample-names{font:40px/1.2 'Pinyon Script',Amiri,serif;margin:22px 0 15px}.noor-sample .sample-names span{display:block;font:italic 20px Georgia;margin:8px}.noor-sample .sample-date{font-size:10px}.noor-opening{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:radial-gradient(ellipse at 35% 20%,#fff9ed,#e7ddcc 65%,#c9bca5);color:#6d532a}.noor-opening::backdrop{background:#e7ddcc}.noor-stage{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 15px;perspective:1400px;overflow:hidden}.noor-envelope{position:relative;width:min(440px,90vw,calc((100dvh - 120px)*.6667));aspect-ratio:2/3;perspective:1100px;isolation:isolate;--light-x:30%;--light-y:20%;filter:drop-shadow(0 18px 25px #57432b36)}.noor-interior{position:absolute;inset:0;background:linear-gradient(145deg,#ded0b8,#fff9eb 55%,#e8d9bd);box-shadow:inset 0 0 22px #886d3e36}.noor-pocket{position:absolute;inset:0;z-index:4;background:url('/assets/noor/envelope.webp') center/100% 100%;clip-path:polygon(0 0,50% 48.7%,100% 0,100% 100%,0 100%)}.noor-flap{position:absolute;top:0;left:0;right:0;height:48.7%;transform-origin:50% 0;transform-style:preserve-3d;z-index:5;will-change:transform}.noor-flap-front,.noor-flap-back{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden}.noor-flap-front{background:url('/assets/noor/envelope.webp') top center/100% 205.3388%;filter:drop-shadow(0 3px 2px #806d4f33)}.noor-flap-front:after{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 20%,#fff9e332 43%,transparent 65%);opacity:.7}.noor-flap-back{transform:rotateY(180deg);background:linear-gradient(120deg,#e4d6bb,#fff9eb 50%,#dcc8a1);box-shadow:inset 0 0 30px #9a7d3a22}.noor-seal{position:absolute;z-index:7;top:48.7%;left:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 5px #755f3b4a);will-change:transform,opacity}.noor-seal>img{width:100%;height:100%;object-fit:contain;display:block}.noor-seal-glint{position:absolute;inset:12%;border-radius:50%;overflow:hidden;mix-blend-mode:screen;opacity:.55}.noor-seal-glint:after{content:'';position:absolute;inset:-30% -100%;background:linear-gradient(112deg,transparent 40%,#fff5c6b3 49%,transparent 58%);transform:translateX(-35%);animation:noor-seal-sheen 7s ease-in-out 3}.noor-window-light{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fffce838,transparent 65%);mix-blend-mode:screen}.noor-window-light:after{content:'';position:absolute;inset:-40% -80%;background:linear-gradient(112deg,transparent 38%,#fff9da0d 43%,#fffce636 49%,transparent 59%);animation:noor-ray-travel 13s ease-in-out 3 alternate;will-change:transform}.noor-letter{position:absolute;inset:8% 9%;z-index:2;padding:30px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fffbf0;outline:1px solid #bb9e60;outline-offset:-12px;box-shadow:0 4px 12px #68502b24;overflow:hidden}.noor-letter>span{font:10px Georgia;letter-spacing:.4em;color:#9d7f40}.noor-letter strong{font:400 31px/1.5 Amiri,serif;color:#88662d;max-width:100%;overflow-wrap:anywhere;margin:22px 0}.noor-letter strong i{display:block;font:italic 22px Georgia;color:#b49a5e;margin:12px}.noor-letter small{font:11px/1.6 Amiri,serif;letter-spacing:.06em;color:#9d7f40}.noor-open{position:absolute;inset:0;z-index:10;background:transparent!important;box-shadow:none!important;border:0;border-radius:0;display:flex;justify-content:center;align-items:flex-end;padding:0 12px 13%;color:#6c5025!important}.noor-open span{background:#fff9eade;border:1px solid #c3a971;border-radius:30px;padding:10px 21px;font:16px/1.5 Amiri,serif;box-shadow:0 5px 18px #886c3926}.noor-open:focus-visible{outline:3px solid #a17d38;outline-offset:6px}.noor-opening-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:18px;max-width:420px}.noor-opening-footer>span{font:10px/1.8 Amiri,serif;letter-spacing:.1em;color:#76603b}.noor-skip{background:transparent;color:#6f562c;border:0;font:13px/1.8 Amiri,serif;text-decoration:underline;padding:8px 12px;min-height:44px}.noor-unsealed .noor-open{opacity:0;pointer-events:none;transition:opacity .25s}.noor-unsealed .noor-seal{animation:noor-break-seal .65s cubic-bezier(.2,.7,.3,1) forwards}.noor-unsealed .noor-flap{animation:noor-lift-flap 1.25s .35s cubic-bezier(.35,.05,.2,1) forwards}.noor-unsealed .noor-letter{animation:noor-lift-letter 2.1s .9s cubic-bezier(.25,.1,.15,1) forwards}.noor-unsealed .noor-pocket,.noor-unsealed .noor-interior{animation:noor-pocket-away 1.3s 1.9s ease-in forwards}.noor-unsealed .noor-window-light{animation:noor-light-away .8s 2.5s ease forwards}.noor-unsealed .noor-opening-footer{opacity:0;transition:opacity .35s}.noor-unsealed .noor-stage{animation:noor-finish .45s 2.95s ease forwards}.noor-sleep *,.noor-experience.sg-paused *{animation-play-state:paused!important}.noor-experience.sg-paused .noor-rays{display:none}@keyframes noor-break-seal{0%{transform:translate(-50%,-50%) scale(1);opacity:1}45%{transform:translate(-50%,-58%) scale(1.08) rotate(-5deg);opacity:1}100%{transform:translate(-50%,10%) scale(.85) rotate(12deg);opacity:0}}@keyframes noor-lift-flap{0%{transform:rotateX(0);z-index:5}60%{z-index:5}61%{z-index:1}100%{transform:rotateX(172deg);z-index:1}}@keyframes noor-lift-letter{0%{transform:translateY(0);z-index:2}48%{transform:translateY(-32%);z-index:2}49%{z-index:6}75%{transform:translateY(-34%) scale(1.03);z-index:6}100%{transform:translateY(-9%) scale(1.06);z-index:6}}@keyframes noor-pocket-away{to{transform:translateY(70%);opacity:0}}@keyframes noor-light-away{to{opacity:0}}@keyframes noor-finish{to{opacity:0;transform:scale(1.03)}}@keyframes noor-seal-sheen{0%,15%{transform:translateX(-35%);opacity:0}35%,65%{opacity:.7}85%,100%{transform:translateX(35%);opacity:0}}@keyframes noor-ray-travel{from{transform:translateX(-13%) rotate(-3deg);opacity:.4}to{transform:translateX(13%) rotate(3deg);opacity:.85}}[lang=ar] .noor-experience .cv-hero h1.sg-names{font-size:clamp(39px,8vw,61px);line-height:1.45}[lang=ar] .noor-sample .sample-names{font-family:Amiri,serif;font-size:34px}[lang=ar] .noor-sample .sample-kicker{letter-spacing:0}@media(max-width:600px){.noor-experience .cv-hero{min-height:920px}.noor-experience .cv-hero-copy{padding:140px 42px 380px}.noor-experience .cv-hero-copy>p{font-size:22px}.noor-experience .cv-hero h1.sg-names{font-size:56px}.noor-experience .cv-hero time{font-size:22px}.noor-experience .cv-hero h1.sg-names span{font-size:25px;margin:6px}.noor-letter strong{font-size:27px}.noor-opening-footer>span{font-size:9px}.noor-date-card time{font-size:25px}}@media(max-width:380px){.noor-experience .cv-hero-copy{padding:110px 32px 360px}.noor-experience .cv-hero{min-height:860px}.noor-experience .cv-hero h1.sg-names{font-size:48px}.noor-experience .cv-hero-copy>p{font-size:20px}.noor-open span{font-size:13px;padding:8px 12px}}@media(max-height:550px){.noor-stage{padding:12px}.noor-envelope{width:min(360px,calc((100dvh - 75px)*.6667))}.noor-opening-footer{margin:4px}.noor-opening-footer>span{display:none}.noor-open span{font-size:10px;padding:5px 10px}.noor-letter strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.noor-opening *,.noor-experience *,.noor-sample *{animation:none!important;transition:none!important}.noor-rays{display:none}.noor-experience .cv-reveal{opacity:1!important;transform:none!important}}.afrah-reduced-motion .noor-experience *{animation:none!important;transition:none!important}
