:root{--green:#1c4b3e;--cream:#f5f1e8;--ink:#39483f;--gold:#9e8a61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 16px/1.9 Vazirmatn,Tahoma,sans-serif;background:#dcded6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:7px}[hidden]{display:none!important}.backdrop{position:fixed;inset:-20px;z-index:-1;background:linear-gradient(#e8e9e2bb,#e8e9e2dd),url('assets/color.jpg') center/cover;filter:blur(12px)}.cover{min-height:100svh;max-width:620px;margin:auto;padding:40px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--cream);transition:opacity .6s,transform .6s}.overline{font-size:14px;color:#7a806f;text-align:center}.envelope{position:relative;width:min(84vw,410px);height:290px;margin:32px auto 16px;border:1px solid #d4cebd;background:#e1dacb;box-shadow:0 25px 45px #34402a24;perspective:1100px}.inner-letter{position:absolute;inset:12px 20px;background:#fcfaf3;padding-top:45px;color:var(--green);font:32px/2.5 'Noto Nastaliq Urdu',serif;transition:transform 1s}.envelope-bottom{position:absolute;inset:0;z-index:3;background:linear-gradient(145deg,#f2ece0,#e5ddcd);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%)}.flap{position:absolute;inset:0 0 42%;z-index:4;background:linear-gradient(#faf7ee,#e8e0d1);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .9s,z-index 0s .4s}.wax{position:absolute;left:50%;top:52%;translate:-50% -50%;width:73px;height:73px;z-index:5;display:grid;place-items:center;background:var(--green);color:#eee3c6;border:5px double #a5b0a0;border-radius:48% 52% 44% 56%;box-shadow:0 6px 9px #28372c30;transition:opacity .25s}.wax span{font:18px 'Noto Nastaliq Urdu',serif}.envelope.opened .flap{transform:rotateX(180deg);z-index:1}.envelope.opened .inner-letter{transform:translateY(-65px)}.envelope.opened .wax{opacity:0}.cover.leaving{opacity:0;transform:translateY(-40px)}h1,h2{font-family:'Noto Nastaliq Urdu',serif;font-weight:400;color:var(--green)}.cover-names{font-size:37px;margin:8px 0;line-height:2.4}.cover p{margin:5px 0}.hint{font-size:14px;color:#8b8d7e}main{max-width:620px;margin:0 auto;box-shadow:0 0 60px #25382d1a;outline:none;background:var(--cream)}.paper{padding:58px 34px;text-align:center;background:var(--cream)}.opening{padding-top:34px}.polaroid{background:#fffdf8;padding:10px 10px 20px;box-shadow:0 12px 27px #34402a20;margin:0}.childhood{width:min(85%,340px);margin:32px auto 28px;transform:rotate(-3deg)}.childhood img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.childhood figcaption{font-size:13px;margin:10px 0 0;color:#838473}.english{font:italic 23px/1.4 Georgia,serif;color:#858a76}.opening h1{font-size:clamp(36px,10vw,57px);line-height:2.2;margin:0}.intro{line-height:2.3;max-width:440px;margin:18px auto}.large-date{display:flex;flex-direction:column;line-height:1.1;font-size:62px;font-weight:300;letter-spacing:.05em;margin:34px 0 24px;color:var(--green)}.large-date small{font-size:21px;letter-spacing:0}.down{display:inline-block;margin-top:16px;color:var(--green);font-size:28px;text-decoration:none}.photo-pair{height:370px;position:relative;margin:0 auto 40px;max-width:455px}.photo-pair figure{position:absolute;width:58%;height:300px}.photo-pair img{width:100%;height:100%;object-fit:cover}.color{right:0;top:0;transform:rotate(7deg)}.old{left:0;bottom:0;transform:rotate(-8deg)}.photo-pair .old img{object-position:center 36%}blockquote{font:400 clamp(17px,4.1vw,24px)/2.7 'Noto Nastaliq Urdu',serif;margin:24px -15px;color:var(--green)}blockquote span{display:block}.countdown{padding-top:20px;padding-bottom:30px}.clock{display:grid;grid-template-columns:repeat(4,1fr);direction:rtl;border-block:1px solid #cecdbd;padding:22px 0;margin-top:23px}.clock div+div{border-right:1px solid #d7d6c7}.clock b{display:block;font-size:33px;font-weight:300;line-height:1.4}.clock span{font-size:14px;color:#7a806f}h2{font-size:34px;line-height:2.2;margin:0 0 20px}.program{padding-top:36px}.program .english{margin-bottom:0}.timeline{max-width:440px;margin:30px auto 0;position:relative}.timeline:before{content:'';position:absolute;right:calc(34% + 20px);top:30px;bottom:30px;width:1px;background:#aab4a4}.timeline>div{display:grid;grid-template-columns:34% 40px 1fr;align-items:center;min-height:115px;position:relative;gap:0}.timeline time{font-size:17px;direction:rtl;padding-left:12px}.mark{z-index:1;background:var(--cream);font-size:25px;color:var(--green)}.timeline p{text-align:right;padding-right:14px;margin:0;font-size:17px}.timeline small{display:block;font-size:13px;color:#828773}.full-photo{margin:0;background:var(--cream);padding:15px 24px}.full-photo img{display:block;width:100%;height:auto}.location{padding-top:46px;padding-bottom:85px}.location>p{line-height:2.1}.map-links{display:flex;justify-content:center;gap:20px;margin:30px 0 50px}.map-links a{font-size:14px;display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--green);text-decoration:none}.map-links a span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid #9da990;font-size:23px}.closing{font-size:14px;color:#858a78}.music{position:fixed;bottom:18px;left:18px;z-index:10;border:1px solid #f6f1e8aa;border-radius:40px;padding:10px 16px;background:var(--green);color:#fff;font-size:14px;box-shadow:0 5px 20px #20332630}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:400px){.paper{padding-inline:22px}.envelope{height:250px}.photo-pair{height:320px}.photo-pair figure{height:260px}.clock b{font-size:29px}.timeline time{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}