@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Noto+Kufi+Arabic:wght@300;400;500;600&display=swap";
:root{--ink:#311d23;--berry:#7c263e;--rose:#c96579;--blush:#f5dedc;--paper:#fffaf4;--cream:#f8f1e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Kufi Arabic,sans-serif}button{font:inherit}.hero{background:radial-gradient(circle at 12% 10%,#c965792e,#0000 26%),linear-gradient(135deg,#fffaf4 0%,#f9e8e5 100%);grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;min-height:100svh;padding:28px clamp(24px,7vw,110px) 60px;display:grid;position:relative;overflow:hidden}.grain{opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}nav{z-index:2;letter-spacing:.04em;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:30px;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px)}.tiny-heart{color:var(--berry)}.date{opacity:.55;margin-right:auto}.hero-copy{z-index:1;max-width:700px;animation:1s cubic-bezier(.2,.8,.2,1) .12s both heroCopyIn;position:relative}.eyebrow,.section-heading>p,.moment-kicker{color:var(--berry);letter-spacing:.08em;font-size:12px;font-weight:600}h1,h2,.signature,.scribble{font-family:Aref Ruqaa,serif}h1{margin:22px 0 30px;font-size:clamp(58px,8vw,126px);font-weight:400;line-height:.9}h1 em{color:var(--berry);font-style:normal}.intro{color:#624b52;max-width:590px;font-weight:300;line-height:2}.primary{background:var(--berry);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:28px;margin-top:24px;padding:15px 24px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 30px #7c263e2e}.primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px #7c263e40}.hero-photo{justify-self:center;width:min(100%,480px);animation:1.15s cubic-bezier(.2,.8,.2,1) .26s both heroPhotoIn;position:relative;transform:rotate(-2deg)}.photo-frame{aspect-ratio:4/5;background:#fff;padding:14px 14px 55px;animation:5s ease-in-out 1.5s infinite softFloat;box-shadow:0 30px 70px #3f1f2733}.photo-frame img,.moment-photo img{object-fit:cover;width:100%;height:100%;display:block}.scribble{color:var(--berry);font-size:24px;position:absolute;bottom:16px;right:36px}.scroll-note{opacity:.5;font-size:10px;animation:1.8s ease-in-out infinite nudge;position:absolute;bottom:25px;right:50%;translate:50%}.floating-hearts{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-hearts span{color:var(--rose);opacity:0;font-size:16px;animation:9s linear infinite rise;position:absolute;bottom:-30px}.floating-hearts span:first-child{animation-delay:0s;right:8%}.floating-hearts span:nth-child(2){font-size:11px;animation-delay:3s;right:28%}.floating-hearts span:nth-child(3){animation-delay:6s;right:53%}.floating-hearts span:nth-child(4){font-size:9px;animation-delay:1.5s;right:76%}.floating-hearts span:nth-child(5){font-size:13px;animation-delay:4.5s;right:91%}.moments{background:var(--paper);padding:120px clamp(24px,7vw,110px)}.section-heading{max-width:680px;margin-bottom:65px}.section-heading h2,.last-word h2{margin:12px 0;font-size:clamp(42px,5vw,74px);font-weight:400;line-height:1.05}.moment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,3vw,42px);display:grid}.moment:nth-child(2n){margin-top:55px}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(32px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}.moment{transition-delay:var(--delay,0s)}.moment-photo{aspect-ratio:4/5;background:var(--blush);position:relative;overflow:hidden}.moment-photo img{transition:transform .6s}.moment:hover img{transform:scale(1.035)}.moment-photo span{color:#fff;font-size:12px;position:absolute;bottom:8px;left:10px}.moment>p:last-child{color:#68545a;font-size:13px;line-height:1.9}.letter-section{background:var(--blush);padding:130px 24px;position:relative;overflow:hidden}.letter-shadow{filter:blur(70px);background:#7c263e1f;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;translate:-50% -50%}.letter{opacity:.7;background:#fffdf8;max-width:760px;margin:auto;padding:clamp(42px,7vw,90px);transition:all .8s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(35px)rotate(.5deg);box-shadow:0 28px 75px #572c3626}.is-open .letter{opacity:1;transform:translateY(0)rotate(0)}.letter-mark{color:var(--rose);font-size:22px}.letter-to{margin-top:30px;font-size:13px}.letter h2{color:var(--berry);margin:0 0 25px;font-size:clamp(60px,9vw,110px);font-weight:400}.letter-body{border-top:1px solid #311d2324;padding-top:25px}.letter-body p{color:#574148;font-weight:300;line-height:2.15}.signature{color:var(--berry);margin-top:35px;font-size:25px}.last-word{text-align:center;color:#fff;background:radial-gradient(circle at 50% -10%, #b65b72, transparent 42%), var(--berry);place-items:center;min-height:70vh;padding:80px 24px;display:grid;position:relative;overflow:hidden}.last-word>div{max-width:800px}.last-word .eyebrow{color:#f4cbd2}.primary.light{color:var(--berry);background:#fff}footer{text-align:center;color:#eecbd1;background:#56182b;padding:22px;font-size:11px}.heart-burst{width:1px;height:1px;margin:15px auto 0;position:relative}.heart-burst span{color:#ffd9df;animation:burst 1.8s calc(var(--i) * 35ms) both ease-out;position:absolute}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPhotoIn{0%{opacity:0;transform:translate(-45px)rotate(-7deg)scale(.94)}to{opacity:1;transform:translate(0)rotate(-2deg)scale(1)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:.32}85%{opacity:.18}to{opacity:0;transform:translateY(-105vh)rotate(38deg)}}@keyframes burst{0%{opacity:0;transform:translate(0)scale(.2)}20%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-110px) scale(1.2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:120px}.hero-photo{width:min(82vw,430px);margin:20px auto 35px}.moment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px) and (min-width:901px){.moment-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){h1{font-size:57px}.hero{gap:35px}.moment-grid{grid-template-columns:1fr}.moment,.moment:nth-child(2n){margin:0 0 30px}.moment-photo{aspect-ratio:5/6}.moments,.letter-section{padding-top:85px;padding-bottom:85px}}