:root{--paper:#faf3ea;--paper-2:#f1e6d6;--paper-3:#ede0cc;--rose:#c97b84;--rose-deep:#a85f6b;--rose-light:#f0d9da;--sage:#9cac8f;--ink:#4a3f35;--ink-soft:#7a6c5d;--gold:#c9a66b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Work Sans,sans-serif;font-weight:400;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(circle at 20% 30%,#4a3f3506 0,#0000 40%),radial-gradient(circle at 80% 70%,#4a3f3508 0,#0000 40%),radial-gradient(circle at 50% 90%,#c97b8408 0,#0000 40%);position:fixed;inset:0}h1,h2,h3{font-family:Fraunces,serif;font-weight:500;line-height:1.1}.script{font-family:Caveat,cursive}section{z-index:1;position:relative}.tape{background:var(--gold);opacity:.55;width:70px;height:26px;position:absolute;box-shadow:0 2px 4px #00000014}.tape:before{content:"";background:repeating-linear-gradient(45deg,#ffffff26 0 4px,#0000 4px 8px);position:absolute;inset:0}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative}.hero-eyebrow{color:var(--rose-deep);opacity:0;margin-bottom:6px;font-family:Caveat,cursive;font-size:1.5rem;animation:.8s .1s forwards riseIn}.hero h1{color:var(--ink);opacity:0;font-size:clamp(3.2rem,11vw,7rem);animation:.9s .3s forwards riseIn}.hero h1 em{color:var(--rose);font-style:italic}.hero-sub{max-width:420px;color:var(--ink-soft);opacity:0;margin-top:14px;font-size:1.05rem;line-height:1.6;animation:.9s .55s forwards riseIn}.hero-polaroid{opacity:0;background:#fff;width:230px;margin-top:42px;padding:14px 14px 44px;animation:1s .75s forwards riseIn;position:relative;transform:rotate(-4deg);box-shadow:0 18px 34px #4a3f352e}.hero-polaroid .photo-box{aspect-ratio:1;background:linear-gradient(135deg, var(--rose-light), var(--paper-3));background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;display:flex}.hero-polaroid .photo-box svg{opacity:.35;width:34px;height:34px}.hero-polaroid .cap{text-align:center;color:var(--ink-soft);font-family:Caveat,cursive;font-size:1.2rem;position:absolute;bottom:10px;left:0;right:0}.hero-polaroid .tape{top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.scroll-cue{color:var(--ink-soft);flex-direction:column;align-items:center;gap:4px;font-family:Caveat,cursive;font-size:1.1rem;animation:2.2s ease-in-out infinite bob;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.section-head{text-align:center;padding:90px 24px 20px}.section-head .num{color:var(--sage);font-family:Caveat,cursive;font-size:1.3rem}.section-head h2{margin-top:4px;font-size:clamp(2rem,5vw,3rem)}.timeline{max-width:900px;margin:0 auto;padding:60px 24px 100px;position:relative}.timeline-line{background-image:repeating-linear-gradient(to bottom, var(--gold) 0 8px, transparent 8px 16px);opacity:.6;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.t-item{opacity:0;align-items:center;gap:40px;margin-bottom:70px;transition:opacity .7s,transform .7s;display:flex;transform:translateY(30px)}.t-item.visible{opacity:1;transform:translateY(0)}.t-item:nth-child(2n){flex-direction:row-reverse}.t-photo{background:#fff;flex:0 0 190px;padding:10px 10px 34px;position:relative;box-shadow:0 14px 26px #4a3f3524}.t-item:nth-child(odd) .t-photo{transform:rotate(-3deg)}.t-item:nth-child(2n) .t-photo{transform:rotate(3deg)}.t-photo .photo-box{aspect-ratio:4/3;background:linear-gradient(135deg, var(--paper-3), var(--sage) 140%);opacity:.9;background-position:50%;background-size:cover;width:100%}.t-photo .cap{text-align:center;color:var(--ink-soft);font-family:Caveat,cursive;font-size:1rem;position:absolute;bottom:8px;left:0;right:0}.t-text{flex:1;min-width:0}.t-date{color:var(--rose-deep);font-family:Caveat,cursive;font-size:1.4rem}.t-text h3{margin:4px 0 8px;font-size:1.5rem}.t-text p{color:var(--ink-soft);font-size:.98rem;line-height:1.65}.t-dot{background:var(--rose);border:3px solid var(--paper);width:14px;height:14px;box-shadow:0 0 0 2px var(--gold);border-radius:50%;flex:none;display:none;position:relative;left:0}@media (min-width:720px){.t-dot{display:block}}@media (max-width:719px){.timeline-line{left:20px}.t-item,.t-item:nth-child(2n){flex-direction:column;align-items:flex-start;gap:14px;margin-left:44px}.t-photo{flex:none;width:170px}}.gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px 24px;max-width:1000px;margin:0 auto;padding:20px 24px 110px;display:grid}.g-item{cursor:default;background:#fff;padding:10px 10px 30px;transition:transform .35s,box-shadow .35s;box-shadow:0 10px 22px #4a3f3524}.g-item:nth-child(6n+1){transform:rotate(-4deg)}.g-item:nth-child(6n+2){transform:rotate(3deg)}.g-item:nth-child(6n+3){transform:rotate(-2deg)}.g-item:nth-child(6n+4){transform:rotate(4deg)}.g-item:nth-child(6n+5){transform:rotate(-3deg)}.g-item:nth-child(6n+6){transform:rotate(2deg)}.g-item:hover{z-index:2;transform:rotate(0)scale(1.04);box-shadow:0 18px 30px #4a3f3533}.g-item .photo-box{aspect-ratio:1;background:linear-gradient(160deg, var(--rose-light), var(--paper-3));background-position:50%;background-size:cover;width:100%}.g-item .cap{text-align:center;color:var(--ink-soft);margin-top:6px;font-family:Caveat,cursive;font-size:1.05rem}.letter-section{flex-direction:column;align-items:center;padding:40px 24px 120px;display:flex}.envelope{cursor:pointer;-webkit-user-select:none;user-select:none;width:min(360px,88vw);position:relative}.envelope-hint{color:var(--rose-deep);text-align:center;margin-bottom:14px;font-family:Caveat,cursive;font-size:1.2rem}.envelope-body{background:var(--rose-light);height:220px;position:relative;overflow:hidden;box-shadow:0 16px 32px #4a3f352e}.envelope-flap{border-left:180px solid #0000;border-right:180px solid #0000;border-top:110px solid var(--rose);transform-origin:top;z-index:3;height:0;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.envelope.open .envelope-flap{transform:rotateX(180deg)}.envelope-seal{background:var(--rose-deep);z-index:4;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .3s;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.envelope.open .envelope-seal{opacity:0;pointer-events:none}.envelope-seal svg{width:20px;height:20px;fill:var(--paper)}.envelope-paper{background:var(--paper);z-index:2;height:90%;transition:transform .6s cubic-bezier(.4,0,.2,1) .15s;position:absolute;bottom:-6px;left:8%;right:8%;transform:translateY(0);box-shadow:0 -4px 10px #0000000d}.envelope.open .envelope-paper{transform:translateY(-64px)}.letter-card{background:var(--paper);opacity:0;width:min(500px,92vw);max-height:0;margin-top:30px;padding:44px 34px;transition:max-height .8s,opacity .8s,padding .8s,margin .8s;overflow:hidden;box-shadow:0 20px 40px #4a3f3529}.letter-card.show{opacity:1;max-height:900px}.letter-card p{color:var(--ink);font-family:Caveat,cursive;font-size:1.55rem;line-height:1.55}.letter-card .sign{text-align:right;color:var(--rose-deep);margin-top:18px;font-size:1.7rem}.closing{text-align:center;padding:60px 24px 100px;position:relative}.closing h2{font-size:clamp(2.2rem,7vw,4rem)}.closing h2 em{color:var(--rose);font-style:italic}.closing .sub{color:var(--ink-soft);margin-top:12px;font-family:Caveat,cursive;font-size:1.3rem}.footer-note{color:var(--ink-soft);opacity:.65;margin-top:60px;font-size:.82rem}.heart-float{color:var(--rose);opacity:.35;pointer-events:none;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-90px)rotate(20deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}