@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Homemade+Apple&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--paper:#f7f1e9;--paper-2:#fffaf4;--ink:#161311;--muted:#736960;--black:#080807;--gold:#b88a51;--gold-2:#dbc098;--line:#1613111f;--shadow:0 28px 90px #18120c29;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--script:"Homemade Apple", cursive}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#e9e2d8}a{color:inherit;text-decoration:none}button{font:inherit}img{-webkit-user-select:none;user-select:none;display:block}.gateWrap{background:radial-gradient(at 30% 20%,#b88a5114 0%,#0000 60%),radial-gradient(at 70% 80%,#b88a510f 0%,#0000 50%),#e9e2d8;place-items:center;min-height:100dvh;padding:24px;display:grid}.gateCard{background:var(--paper-2);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border:1px solid #1613110f;border-radius:32px;padding:56px 40px 44px}.gateLockIcon{width:64px;height:64px;color:var(--gold);background:#b88a5114;border:1px solid #b88a512e;border-radius:50%;place-items:center;margin:0 auto 28px;display:grid}.gateTitle{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:10px;font-size:36px;font-weight:600;line-height:1}.gateSubtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:14px;font-weight:700}.gateHint{color:var(--muted);margin-bottom:32px;font-size:14px;line-height:1.7}.gateForm{gap:16px;display:grid}.gateInputWrap{position:relative}.gateInput{border:1.5px solid var(--line);width:100%;height:56px;font-family:var(--sans);color:var(--ink);background:#16131108;border-radius:16px;outline:none;padding:0 52px 0 20px;font-size:16px;transition:border-color .2s,box-shadow .2s}.gateInput:focus{border-color:var(--gold);box-shadow:0 0 0 4px #b88a511a}.gateInput::placeholder{color:#1613114d}.gateInput:disabled{opacity:.5;cursor:not-allowed}.gateToggleVis{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;transition:color .2s;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.gateToggleVis:hover{color:var(--ink)}.gateError{color:#c0392b;text-align:left;padding-left:4px;font-size:13px;font-weight:600}.gateSubmit{background:var(--black);color:#fffaf3;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;border:1px solid #dbc09880;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s,opacity .2s;display:inline-flex}.gateSubmit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px #0000002e}.gateSubmit:disabled{opacity:.4;cursor:not-allowed}.gateSpinner{border:2px solid #fffaf34d;border-top-color:#fffaf3;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite gateSpin}@keyframes gateSpin{to{transform:rotate(360deg)}}.gatePowered{color:var(--muted);letter-spacing:.06em;margin-top:32px;font-size:11px}.gatePowered a{align-items:baseline;text-decoration:none;display:inline-flex}.gatePowered a:hover{opacity:.7}.gateLoader{place-items:center;display:grid}.gateLangRow{justify-content:flex-end;margin:-16px -8px 16px 0;display:flex}.langToggle{border:1px solid var(--line);letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:#1613110a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.langToggle:hover{color:var(--gold);background:#b88a5114;border-color:#b88a5140}.naveenNotes .langToggle,.memoryStrip .langToggle{color:#fffaf399;background:#ffffff0f;border-color:#ffffff1a}.naveenNotes .langToggle:hover,.memoryStrip .langToggle:hover{color:var(--gold-2);background:#ffffff1f}.gateHeartPulse{color:var(--gold);animation:1.2s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.siteShell{background:var(--paper-2);width:min(1480px,100% - 32px);box-shadow:var(--shadow);border:1px solid #16131114;border-radius:28px;margin:24px auto;position:relative;overflow:hidden}.siteHeader{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(22px,4.6vw,72px);display:flex;position:absolute;inset:0 0 auto}.siteHeader>*{pointer-events:auto}.brand{letter-spacing:.08em;flex-direction:column;gap:3px;display:inline-flex}.brand strong{font-family:var(--serif);text-transform:uppercase;font-size:26px;font-weight:600;line-height:1}.brand span{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:10px;font-weight:700}.signatureMark{font-family:var(--script);color:#1613117a;font-size:22px;position:absolute;top:28px;left:clamp(148px,18vw,260px);transform:rotate(-10deg)}.desktopNav{letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:clamp(18px,2.2vw,38px);font-size:11px;font-weight:800;display:flex}.desktopNav a{opacity:.84;transition:opacity .2s,transform .2s}.desktopNav a:hover{opacity:1;transform:translateY(-1px)}.headerActions{align-items:center;gap:14px;display:flex}.viewAlbum,.menuBtn,.arrowButton{border-radius:999px;justify-content:center;align-items:center;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.viewAlbum{background:var(--black);color:#fffaf3;letter-spacing:.12em;text-transform:uppercase;border:1px solid #dbc098a6;height:54px;padding:0 26px;font-size:12px;font-weight:800}.menuBtn{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#ffffff85;border:1px solid #16131129;width:54px;height:54px}.viewAlbum:hover,.menuBtn:hover,.arrowButton:hover{transform:translateY(-2px);box-shadow:0 18px 42px #00000029}.hero{background:var(--paper-2);isolation:isolate;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:860px;display:grid;position:relative}.heroCopy{background:linear-gradient(90deg, var(--paper-2) 0 76%, #fffaf400 100%);z-index:4;padding:192px clamp(24px,5vw,76px) 110px;position:relative}.script{font-family:var(--script)}.eyebrow{color:var(--gold);margin:0 0 22px;font-size:clamp(17px,1.7vw,25px);transform:rotate(-2deg)}h1{max-width:720px;font-family:var(--serif);letter-spacing:-.065em;margin:0;font-size:clamp(60px,7.8vw,126px);font-weight:500;line-height:.9}h1 span,h1 em{display:block}h1 em{font-style:italic;font-weight:500}.heroSubtext{color:#2a2623;max-width:430px;margin:34px 0 36px;font-size:18px;line-height:1.8}.heroActions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.arrowButton{letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;gap:14px;min-height:54px;padding:0 8px 0 24px;font-size:12px;font-weight:800}.arrowButton i{width:38px;height:38px;color:var(--gold-2);border:1px solid #dbc098b8;border-radius:50%;place-items:center;display:grid}.arrowButton.dark{background:var(--black);color:#fffaf3}.arrowButton.light{color:var(--ink);background:0 0;border:1px solid #16131124}.arrowButton.text{color:#fffaf3;background:0 0;padding-left:0}.scrollCue{color:var(--muted);align-items:center;gap:16px;margin-top:78px;font-size:14px;display:flex}.scrollCue:after{content:"";background:#16131157;width:1px;height:56px}.heroImageWrap{background:#1f1a17;min-height:860px;position:relative;overflow:hidden}.heroImage{object-fit:cover;filter:sepia(.1)saturate(.84)contrast(.96)brightness(.82);width:100%;height:100%;position:absolute;inset:0}.heroImageWrap:before{content:"";z-index:2;background:linear-gradient(90deg,#fffaf4a8,#0000000a 28%,#00000075),radial-gradient(circle at 70% 40%,#0000 0 25%,#0000005c 80%);position:absolute;inset:0}.chapterRail{z-index:4;color:#fffaf3c7;gap:24px;display:grid;position:absolute;top:220px;right:clamp(26px,4vw,72px)}.chapterRail div{gap:6px;font-size:14px;display:grid}.chapterRail b{opacity:.8;font-size:18px;font-weight:400}.chapterRail .active{color:#fffaf3;border:1px solid #fffaf39e;border-radius:999px;margin-left:-18px;padding:14px 18px}.heroQuote{z-index:4;color:#fffaf3;width:min(330px,70%);font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.6vw,42px);line-height:1.05;position:absolute;bottom:110px;right:clamp(28px,5vw,78px)}.heroQuote span{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-size:12px;font-weight:800;display:block}.polaroidCard{z-index:8;background:#fffaf3;width:236px;padding:12px 12px 42px;position:absolute;bottom:122px;left:calc(50% - 120px);transform:rotate(5deg);box-shadow:0 20px 54px #0000003d}.polaroidImage{aspect-ratio:1/1.08;background:#ddd;position:relative;overflow:hidden}.polaroidImage img{object-fit:cover;width:100%;height:100%}.polaroidCard p{font-family:var(--script);color:#8b6b4e;position:absolute;bottom:12px;left:28px;transform:rotate(-3deg)}.memoryStrip{background:var(--black);color:#fffaf3;grid-template-columns:.86fr 2.14fr;align-items:center;gap:56px;padding:96px clamp(24px,5vw,76px) 104px;display:grid;position:relative}.memoryIntro h2{font-family:var(--script);margin:0 0 24px;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.3;transform:rotate(-2deg)}.memoryIntro p{color:#fffaf3c7;max-width:320px;margin:0 0 30px;line-height:1.85}.stripScroller{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:22px;display:grid}.tornPhoto{clip-path:polygon(5% 0,96% 3%,100% 94%,92% 100%,4% 96%,0 40%);background:#2b2521;height:clamp(310px,32vw,510px);margin:0;transition:transform .28s,filter .28s;position:relative;overflow:hidden}.tornPhoto img{object-fit:cover;width:100%;height:100%}.tornPhoto:nth-child(2){filter:grayscale();height:clamp(350px,36vw,560px);transform:rotate(-2deg)}.tornPhoto:nth-child(3){transform:rotate(1deg)}.tornPhoto:nth-child(4){height:clamp(350px,36vw,560px);transform:rotate(2deg)}.tornPhoto:nth-child(5){height:clamp(290px,29vw,470px);transform:rotate(-1deg)}.tornPhoto:hover{filter:none;transform:translateY(-10px)scale(1.02)}.featuresSection{background:var(--paper-2);padding:96px clamp(24px,5vw,76px) 90px}.featuresSection h2{text-align:center;max-width:860px;font-family:var(--serif);letter-spacing:-.045em;margin:0 auto 64px;font-size:clamp(42px,5vw,78px);font-weight:500;line-height:1.02}.featureGrid{border-block:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.featureCard{text-align:center;border-right:1px solid var(--line);padding:40px 26px}.featureCard:last-child{border-right:0}.featureCard svg{color:var(--ink);margin-bottom:18px}.featureCard h3{letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:12px}.featureCard p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.finalMemory{background:var(--paper-2);padding:32px clamp(20px,5vw,76px) 92px}.finalCard{background:var(--black);border-radius:42px;grid-template-columns:1fr .7fr;align-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.finalBgImg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.finalOverlay{z-index:1;background:#00000073;position:absolute;inset:0}.finalCopy{z-index:2;color:#fffaf3;grid-column:1;max-width:720px;padding:76px 64px;position:relative}.finalCopy h2{font-family:var(--serif);letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(42px,5vw,80px);font-weight:500;line-height:.98}.finalCopy p{color:var(--gold-2);margin:0 0 28px;font-size:22px}.paperNote{z-index:2;color:#36291f;width:min(260px,82%);min-height:270px;font-family:var(--script);background:#efe0cc;justify-self:center;padding:34px 28px;line-height:1.9;position:relative;transform:rotate(6deg);box-shadow:0 18px 60px #00000052}.paperNote:before{content:"";background:#efe0ccb8;width:92px;height:28px;position:absolute;top:-18px;left:22px;transform:rotate(-12deg)}.paperNote b,.paperNote span{display:block}.sectionKicker{text-align:center;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px;font-size:12px;font-weight:800}.naveenNotes{background:var(--black);color:#fffaf3;padding:96px clamp(24px,5vw,76px)}.naveenNotes h2{text-align:center;max-width:860px;font-family:var(--serif);letter-spacing:-.045em;margin:0 auto 16px;font-size:clamp(42px,5vw,78px);font-weight:500;line-height:1.02}.naveenNotes .sectionKicker{color:var(--gold-2)}.notesSubtext{text-align:center;color:#fffaf394;max-width:520px;margin:0 auto 56px;font-size:15px;line-height:1.8}.notesGrid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto 64px;display:grid}.noteCard{background:#ffffff0d;border:1px solid #ffffff12;border-radius:22px;padding:32px 28px;transition:transform .24s,background .24s}.noteCard:hover{background:#ffffff17;transform:translateY(-4px)}.noteLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);background:#b88a511f;border:1px solid #b88a5133;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.noteText{font-family:var(--serif);color:#fffaf3e6;margin-bottom:16px;font-size:19px;font-style:italic;line-height:1.55}.noteDate{color:#fffaf361;letter-spacing:.06em;font-size:12px}.noteSignoff{text-align:center;padding-top:8px}.noteSignoff .script{color:var(--gold-2);margin-bottom:8px;font-size:28px}.noteSignoffSub{color:#fffaf36b;max-width:400px;margin:0 auto;font-size:13px;line-height:1.7}.footer{border-top:1px solid var(--line);background:var(--paper-2);grid-template-columns:1.4fr 1fr auto;gap:44px;padding:72px clamp(24px,5vw,76px) 34px;display:grid}.footer p,.footer a{color:var(--muted);font-size:14px;line-height:1.9;display:block}.footer h4{letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:12px}.footerBrand p{max-width:270px;margin-top:22px}.socials{color:var(--muted);gap:12px;margin-top:22px;display:flex}.loveBox{border:1px solid var(--line);background:#ffffff61;border-radius:14px;align-self:start;padding:24px}.loveHeart{color:var(--gold);margin-top:12px}.copyright{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:8px;padding-top:24px;font-size:12px;display:flex}.poweredBy a{text-underline-offset:3px;text-decoration:underline}.poweredBy a:hover{color:var(--gold)}.wwLogo{letter-spacing:-.02em;align-items:baseline;font-weight:800;line-height:1;display:inline-flex}.wwWatch{background:linear-gradient(135deg,#4a7cf7 0%,#7b68ee 50%,#9b59b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wwDot{color:#e53935;-webkit-text-fill-color:#e53935;font-size:1.2em;line-height:0;position:relative;top:.01em}.wwWedding{background:linear-gradient(135deg,#c2185b 0%,#e91e90 50%,#f06292 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:1120px){.desktopNav,.signatureMark{display:none}.hero{grid-template-columns:1fr}.heroCopy{background:linear-gradient(180deg, var(--paper-2), #fffaf4d6);padding-bottom:90px}.heroImageWrap{min-height:660px}.polaroidCard{width:190px;inset:600px 34px auto auto}.chapterRail{display:none}.memoryStrip{grid-template-columns:1fr}.featureGrid{grid-template-columns:repeat(2,1fr)}.featureCard:nth-child(2n){border-right:0}.featureCard:last-child{border-top:1px solid var(--line);grid-column:1/-1}.finalCard{grid-template-columns:1fr}.paperNote{margin:0 0 46px}.notesGrid,.footer{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.siteShell{border:0;border-radius:0;width:100%;margin:0}.siteHeader{height:76px;padding-inline:18px}.brand strong{font-size:20px}.brand span{font-size:9px}.viewAlbum{display:none}.menuBtn{color:#fffaf3;background:#080807e6;width:48px;height:48px}.hero{min-height:auto}.heroCopy{padding:110px 20px 48px}h1{font-size:clamp(48px,13vw,76px)}.heroSubtext{max-width:330px;margin:24px 0 28px;font-size:15px}.heroActions{gap:12px}.arrowButton{min-height:48px;padding-left:18px;font-size:11px}.arrowButton i{width:34px;height:34px}.arrowButton.light{background:#ffffff6b}.scrollCue{display:none}.heroImageWrap{min-height:480px}.heroQuote{width:260px;font-size:22px;bottom:48px;right:18px}.heroQuote span{font-size:10px}.polaroidCard{width:140px;padding:8px 8px 32px;top:440px;right:18px}.polaroidCard p{font-size:11px;bottom:8px;left:18px}.memoryStrip{gap:28px;padding:56px 20px 64px}.memoryIntro h2{font-size:32px}.memoryIntro p{font-size:14px}.stripScroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin-right:-20px;padding-bottom:12px;display:flex;overflow-x:auto}.tornPhoto{scroll-snap-align:start;flex-shrink:0;min-width:160px;height:300px!important}.featuresSection{padding:64px 20px 56px}.featuresSection h2{margin-bottom:36px;font-size:38px}.featureGrid{grid-template-columns:1fr}.featureCard,.featureCard:nth-child(2n),.featureCard:last-child{border-right:0;border-top:1px solid var(--line);grid-column:auto}.featureCard:first-child{border-top:0}.featureCard{padding:28px 20px}.finalMemory{padding:16px 16px 56px}.finalCard{border-radius:24px;grid-template-columns:1fr;min-height:580px}.finalOverlay{background:#0000008c}.finalCopy{padding:40px 22px 12px}.finalCopy h2{font-size:38px}.finalCopy p{font-size:18px}.paperNote{justify-self:end;width:72%;min-height:220px;margin-right:20px;padding:26px 22px}.naveenNotes{padding:64px 20px}.naveenNotes h2{font-size:38px}.notesSubtext{margin-bottom:36px;font-size:14px}.notesGrid{grid-template-columns:1fr}.noteCard{padding:24px 22px}.noteText{font-size:17px}.footer{grid-template-columns:1fr;gap:24px;padding:48px 20px 28px}.copyright{flex-direction:column;gap:4px}.gateWrap{padding:16px}.gateCard{border-radius:24px;padding:40px 24px 36px}.gateTitle{font-size:30px}}@media (max-width:400px){h1{font-size:44px}.heroCopy{padding:100px 16px 40px}.heroSubtext{font-size:14px}.heroImageWrap{min-height:400px}.polaroidCard{width:120px;top:360px;right:14px}.heroQuote{width:220px;font-size:18px;bottom:36px;right:14px}.memoryStrip{padding:48px 16px 56px}.memoryIntro h2{font-size:28px}.tornPhoto{min-width:140px;height:260px!important}.featuresSection{padding:56px 16px 48px}.featuresSection h2,.naveenNotes h2{font-size:32px}.finalMemory{padding:12px 12px 48px}.finalCard{border-radius:20px;min-height:520px}.finalCopy{padding:32px 18px 8px}.finalCopy h2{font-size:32px}.naveenNotes{padding:56px 16px}.footer{padding:40px 16px 24px}.gateCard{padding:32px 20px 28px}.gateTitle{font-size:26px}}
