@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.woff2)}*{box-sizing:border-box}:root{--green:#0e493c;--deep:#082f28;--gold:#c9a352;--ivory:#fff9e9;--ink:#183e35}html{scroll-behavior:smooth}body{color:var(--ink);background:#e6dfcf;margin:0;font:12px/1.65 Manrope,Arial,sans-serif}a{color:inherit}main{background:var(--ivory);width:460px;margin:0 7vw 0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #15382d35}.desktop{color:#173e34;width:390px;position:fixed;top:50%;left:max(6vw,50vw - 625px);transform:translateY(-50%)}.desktop>span,.eyebrow{letter-spacing:3px;font-size:8px;font-weight:600}.desktop h2{margin:17px 0;font:600 46px/1.05 Cormorant Garamond,serif}.desktop h2 em{color:#9b7430}.desktop p{color:#52675f;max-width:340px}.desktop img{object-fit:cover;object-position:center 22%;border:5px solid #fff9e9;border-radius:95px 95px 7px 7px;width:180px;height:220px;margin:20px 0 17px auto;display:block;box-shadow:0 0 0 1px #b9944e,0 15px 32px #183d3025}.desktop a{text-underline-offset:5px;font-size:10px}section,footer{isolation:isolate;text-align:center;border:1px solid #c8a75c;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;max-height:100dvh;padding:68px 38px 76px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #fff9e9a8,inset 0 0 0 7px #c7a65b5c}section>:not(.theme-ornament,.theme-bead-rail),footer>:not(.theme-ornament,.theme-bead-rail){z-index:2;position:relative}h1,h2,h3{font-family:Cormorant Garamond,serif}h2{color:#164a3d;margin:7px 0 12px;font-size:39px;line-height:1}.eyebrow{color:#987326}.intro{color:#536d63;max-width:340px;margin:0 auto 15px;font-size:10px}.button{color:#76571e;text-transform:uppercase;letter-spacing:1.2px;background:#fffaf0;border:1px solid #b38d42;justify-content:center;align-items:center;min-height:39px;padding:9px 20px;font-size:8px;text-decoration:none;display:inline-flex}.solid{background:var(--green);border-color:var(--green);color:#fff9e8}.cover{background:radial-gradient(circle at 50% 25%,#fffef8,transparent 38%),repeating-conic-gradient(from 45deg at 50% 50%,#b28f4210 0 7deg,transparent 7deg 23deg),linear-gradient(145deg,#fffaf0,#eee4cf)}.cover .star,footer .star{color:#b68d3d;font-size:25px}.cover .lead{color:#315f51;margin:10px 0 0;font:italic 21px Amiri,serif}.cover h1{color:#12493c;margin:5px 0 8px;font:600 55px/.88 Cormorant Garamond,serif;display:grid}.cover h1 i{color:#b1893b;margin:5px;font:italic 26px Amiri}.date,.date-line{letter-spacing:2px;text-transform:uppercase;font:600 11px Cormorant Garamond}.guest{border-block:1px solid #b99752;gap:3px;width:255px;margin:17px 0;padding:9px;display:grid}.guest small{font-size:7px}.guest strong{font:600 18px Cormorant Garamond}.countdown{grid-template-columns:repeat(4,1fr);gap:5px;width:270px;margin-top:15px;display:grid}.countdown div{background:#fffaf0a6;border:1px solid #c1a46778;padding:6px 3px}.countdown b,.countdown small{display:block}.countdown b{color:#194d40;font:600 17px Cormorant Garamond}.countdown small{text-transform:uppercase;letter-spacing:1px;font-size:6px}.couple{background:radial-gradient(circle,#d4bd8350,#0000 42%),#f9f2e2}.couple figure{background:#fffaf0;border:1px solid #b89348;border-radius:95px 95px 6px 6px;width:175px;height:215px;margin:0 auto 13px;padding:5px;box-shadow:0 10px 25px #315b4c25}.couple figure img{object-fit:cover;object-position:center 20%;border-radius:inherit;width:100%;height:100%}.names{border-block:1px solid #c6a75d;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.names h3{color:#154b3e;margin:0 0 3px;font-size:21px}.names p{color:#587167;margin:0;font-size:7px}.names>b{color:#ad8336;font:italic 27px Amiri}.verse{color:#fff9e8;background:linear-gradient(#073d34e8,#073d34ed),radial-gradient(circle,#1b6d5c,#0000 65%)}.mihrab{border:1px solid #d7b766;border-radius:170px 170px 7px 7px;max-width:340px;padding:48px 25px;box-shadow:inset 0 0 0 5px #e4c46d20}.verse .eyebrow{color:#e7ca7b}.arabic{color:#fff5d2;margin:20px 0 13px;font:700 26px/1.8 Amiri}.verse blockquote{color:#fff9e8;margin:0;font:italic 21px/1.45 Cormorant Garamond}.verse i{color:#d9c99b;margin-top:17px;font:italic 12px Cormorant Garamond;display:block}.events{background:radial-gradient(circle at 50% 0,#c6a65a4a,#0000 36%),#fff9e9}.date-line{color:#806127;margin:0 0 12px}.event-list{gap:9px;width:100%;margin:0 0 14px;display:grid}.event-list article{text-align:left;background:#fffdf6;border:1px solid #b89b58;grid-template-columns:38px 1fr;gap:12px;padding:13px 16px;display:grid}.event-list article>span{color:#fff5d2;background:#124b3e;border-radius:50%;place-items:center;width:35px;height:35px;font:600 8px Manrope;display:grid}.event-list h3{color:#154b3e;margin:0;font-size:21px}.event-list b{font-size:8px}.event-list p{color:#5b6c65;margin:2px 0 0;font-size:7px}.gallery{color:#fff9e8;background:#0d4a3d}.gallery h2{color:#fff8dd}.gallery .eyebrow{color:#e1c574}.photos{grid-template-columns:1fr 1fr;gap:9px;width:100%;height:min(56dvh,430px);margin-top:13px;display:grid}.photos figure{background:#fff9e8;border:1px solid #d4b45f;margin:0;padding:5px;overflow:hidden}.photos img{object-fit:cover;width:100%;height:100%}.photos figure:first-child img{object-position:42% 18%}.photos figure:last-child img{object-position:65% 20%;transform:scale(1.08)}.gift{background:linear-gradient(#f6eeddf2,#f6eeddf2),repeating-linear-gradient(45deg,#0d493b0e 0 1px,#0000 1px 25px)}.accounts{gap:9px;width:100%;margin-top:10px;display:grid}.accounts article{text-align:left;background:#fffdf6;border:1px solid #b99b58;padding:13px 15px;position:relative}.accounts span{color:#15493d;font:600 18px Cormorant Garamond}.accounts small{font-size:6px;display:block}.accounts b{font-size:12px;display:block}.accounts p{margin:1px 0;font-size:7px}.accounts button{color:#fff9e8;background:#124b3e;border:0;padding:7px 9px;font-size:7px;position:absolute;bottom:12px;right:12px}.copy-status{display:none}.rsvp{background:radial-gradient(circle at 100% 0,#c8a65a4a,#0000 38%),#fff9e9}form{text-align:left;background:#fffdf6;border:1px solid #b99b58;width:100%;margin-top:7px;padding:14px}label{margin:6px 0 3px;font-size:7px;display:block}input,select,textarea{color:#173f35;width:100%;font:inherit;background:#fffdf7;border:1px solid #cfc19e;padding:7px;font-size:8px}textarea{resize:none;height:49px}form .button{width:100%;margin-top:8px}footer{color:#fff8df;background:radial-gradient(circle at 50% 22%,#21715e,#0000 35%),#073c33}footer .eyebrow{color:#dec171}footer h2{color:#fff8df;margin:11px 0 4px;font-size:43px}footer>p{color:#d8d0b7;margin:0}footer>.countdown{margin:18px 0}footer>.countdown div{background:#fff8e90d;border-color:#d0b36372}footer>.countdown b{color:#fff1bd}footer>small{color:#b9c7bf;font-size:7px}nav{z-index:10;bottom:calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);background:#083b33e8;border:1px solid #c9a652;border-radius:28px;width:424px;margin-left:18px;padding:4px;display:flex;position:fixed}nav a{color:#efd58d;border-radius:22px;flex:1;place-items:center;min-height:44px;font-size:14px;text-decoration:none;display:grid}nav small{font-size:7px}.theme-ornament{filter:drop-shadow(0 5px 7px #173f3238)}.theme-bead-rail i{background:radial-gradient(circle at 32% 27%,#fff 0 18%,#fff3c4 23% 50%,#c9a54f 57% 70%,#0c604e 75%);border-color:#947024;width:7px;height:7px;box-shadow:0 0 0 1px #fff5c36b}@media (width<=850px){.desktop{display:none}main{width:min(100%,460px);margin:auto}nav{width:min(100% - 32px,400px);margin:0;left:50%;transform:translate(-50%)}}main .invitation-countdown{display:none!important}@media (height<=700px){section,footer{padding:48px 30px 64px}h2{font-size:31px}.cover h1{font-size:44px}.cover .lead{font-size:17px}.guest{margin:9px 0}.countdown{margin-top:8px}.couple .intro{margin-bottom:7px;font-size:8px}.couple figure{width:120px;height:145px;margin-bottom:7px}.names{padding:7px}.names h3{font-size:17px}.mihrab{padding:27px 20px}.arabic{margin:10px 0;font-size:21px}.verse blockquote{font-size:18px}.event-list{gap:6px;margin-bottom:8px}.event-list article{padding:8px 12px}.photos{height:48dvh}.accounts article{padding:9px 12px}form{padding:9px}.rsvp .intro{margin-bottom:5px;font-size:8px}}