:root{--cream: #fdf8f0;--cream-2: #f7eee1;--ink: #3b3129;--ink-soft: #6b5d50;--blush: #e39fab;--blush-deep: #c9788a;--gold: #e0a52f;--sage: #6f9160;--serif: "Cormorant Garamond", Georgia, serif;--hand: "Caveat", "Segoe Script", cursive;--sans: "Jost", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--cream);background-image:radial-gradient(1100px 620px at 50% -8%,#fffdf8,#fffdf800 62%),radial-gradient(760px 520px at 12% 28%,#e39fab21,#e39fab00 70%),radial-gradient(820px 560px at 88% 62%,#e0a52f1f,#e0a52f00 70%),linear-gradient(180deg,var(--cream) 0%,var(--cream-2) 100%);background-attachment:fixed;overflow-x:hidden}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;top:-8vh;width:20px;animation:fall var(--dur) linear var(--delay) infinite;opacity:0}.petal svg,.burst-petal svg{display:block;width:100%;height:auto;fill:#fff;filter:drop-shadow(0 1px 1px rgba(120,95,75,.18))}.petal:nth-child(4n) svg{fill:#fdeff1}.petal:nth-child(7n) svg{fill:#fff6e0}@keyframes fall{0%{transform:translate3d(0,-10vh,0) rotate(0) scale(var(--size));opacity:0}8%{opacity:.85}90%{opacity:.7}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin)) scale(var(--size));opacity:0}}.burst-petal{position:fixed;width:16px;z-index:60;pointer-events:none;animation:burst 1.4s cubic-bezier(.16,.9,.3,1) forwards}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(1);opacity:0}}.hero{position:relative;z-index:2;text-align:center;padding:clamp(2.5rem,7vw,5rem) 1.25rem 1rem}.eyebrow{font-family:var(--hand);font-size:clamp(1.35rem,3.4vw,1.9rem);color:var(--blush-deep);margin:0 0 .15em;letter-spacing:.02em}.title{font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,9vw,5.4rem);line-height:1.02;margin:0;letter-spacing:-.015em;background:linear-gradient(180deg,#4a3d33,#7c6450);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,2.6vw,1.45rem);color:var(--ink-soft);margin:.65em 0 0}.bouquet-wrap{max-width:min(520px,88vw);margin:clamp(.5rem,2vw,1.5rem) auto 0}.bouquet{width:100%;height:auto;display:block;overflow:visible}.stalk{transform-box:view-box;transform-origin:300px 612px;animation-name:sway;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-direction:alternate}@keyframes sway{0%{transform:rotate(-.9deg)}to{transform:rotate(.9deg)}}.stalk.far{filter:saturate(.88) brightness(.97)}.sway-all{transform-box:view-box;transform-origin:300px 706px;animation:swayAll 11s ease-in-out infinite alternate}@keyframes swayAll{0%{transform:rotate(-.7deg)}to{transform:rotate(.7deg)}}.tag-text{font-family:var(--hand);font-size:22px;fill:#8a6f56}.scroll-hint{width:22px;height:34px;border:1.5px solid rgba(107,93,80,.4);border-radius:12px;margin:1.4rem auto 0;position:relative}.scroll-hint span{position:absolute;left:50%;top:7px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:#6b5d508c;animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(11px);opacity:0}}.letter-section{position:relative;z-index:2;padding:clamp(3rem,8vw,6rem) 1.25rem;display:flex;justify-content:center}.envelope{width:min(680px,100%)}.seal-btn{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin:0 auto;background:none;border:0;cursor:pointer;padding:0;font:inherit;transition:transform .35s cubic-bezier(.2,.8,.3,1),opacity .35s}.seal-btn:hover{transform:translateY(-4px)}.env-body{position:relative;display:block;width:min(300px,76vw);aspect-ratio:3 / 2;border-radius:8px;background:linear-gradient(160deg,#fbf3e6,#f2e5d1);box-shadow:0 16px 34px #7a5f422e,inset 0 0 0 1px #bea58273}.env-flap{position:absolute;inset:0 0 auto 0;height:62%;background:linear-gradient(180deg,#f6ead6,#e9d8bd);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:8px 8px 0 0;transform-origin:top center;transition:transform .7s cubic-bezier(.6,-.2,.3,1.3);z-index:2}.wax{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#ef9fae,var(--blush-deep) 62%,#a85a6c 100%);display:grid;place-items:center;box-shadow:0 6px 14px #96505f59;z-index:3;transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .4s}.seal-hint{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink-soft)}.envelope.open .env-flap{transform:rotateX(178deg)}.envelope.open .wax{transform:translate(-50%,-50%) scale(.2) rotate(140deg);opacity:0}.envelope.open .seal-btn{transform:translateY(-8px) scale(.82);opacity:.35}.card{max-height:0;overflow:hidden;opacity:0;transform:translateY(18px);transition:max-height .9s cubic-bezier(.2,.8,.3,1),opacity .6s .15s,transform .7s cubic-bezier(.2,.8,.3,1)}.envelope.open .card{max-height:3000px;opacity:1;transform:none}.card-inner{margin-top:2rem;padding:clamp(1.75rem,5vw,3.25rem);border-radius:4px;background:linear-gradient(#fffdf7,#fdf7ea);box-shadow:0 22px 48px #785f4229,0 0 0 1px #c6b08f59;background-image:repeating-linear-gradient(180deg,rgba(180,155,120,.08) 0 1px,transparent 1px 34px),linear-gradient(#fffdf7,#fdf7ea);position:relative}.card-inner:before{content:"";position:absolute;left:clamp(1rem,3vw,2rem);top:0;bottom:0;width:1px;background:#d696a059}.card-inner p{font-family:var(--serif);font-size:clamp(1.12rem,2.3vw,1.34rem);line-height:1.75;color:#4a3c31;margin:0 0 1.15em;opacity:0;transform:translateY(10px);transition:opacity .7s var(--d, 0ms),transform .7s var(--d, 0ms)}.envelope.open .card-inner p{opacity:1;transform:none}.greeting{font-family:var(--hand)!important;font-size:clamp(1.7rem,4vw,2.2rem)!important;color:var(--blush-deep)!important;margin-bottom:.6em!important}.closing{margin-bottom:.2em!important;font-style:italic}.signature{font-family:var(--hand)!important;font-size:clamp(1.9rem,4.5vw,2.6rem)!important;color:var(--ink)!important}.photos-section{position:relative;z-index:2;padding:clamp(1rem,4vw,2rem) 1.25rem clamp(3rem,7vw,5rem);text-align:center}.photos-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,6vw,3.2rem);margin:0;letter-spacing:.06em}.section-sub{font-family:var(--serif);font-style:italic;color:var(--ink-soft);margin:.2em 0 2.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:clamp(1.2rem,3vw,2.2rem);max-width:1000px;margin:0 auto}.polaroid{margin:0;padding:12px 12px 0;background:#fffdf8;border-radius:3px;box-shadow:0 12px 26px #785f4229,0 0 0 1px #c8b4964d;cursor:pointer;outline:none;transition:transform .4s cubic-bezier(.2,.8,.3,1),box-shadow .4s,opacity .7s}.polaroid.reveal.in{transform:rotate(var(--tilt))}.polaroid:hover,.polaroid:focus-visible{transform:rotate(0) translateY(-8px) scale(1.03);box-shadow:0 22px 40px #785f423d,0 0 0 1px #c8b49666;z-index:3}.polaroid-img{aspect-ratio:1;overflow:hidden;background:#efe7da}.polaroid img{width:100%;height:100%;object-fit:cover;display:block}.polaroid figcaption{font-family:var(--hand);font-size:1.2rem;color:#7a6754;min-height:2.4em;display:grid;place-items:center;padding:.3em .2em}.no-photos{grid-column:1 / -1;border:2px dashed rgba(160,135,105,.45);border-radius:12px;padding:clamp(1.5rem,5vw,2.75rem);color:var(--ink-soft);font-size:.98rem;line-height:1.7;background:#ffffff73}.no-photos p{margin:0 0 .6em}.no-photos code{background:#b4967329;padding:.1em .4em;border-radius:4px;font-size:.92em}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:4vh 2vw;background:#2c221ad1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}.lightbox[hidden]{display:none}.lightbox.on{opacity:1}.lightbox figure{margin:0;max-width:min(1000px,92vw);text-align:center}.lightbox img{max-width:100%;max-height:80vh;border-radius:4px;box-shadow:0 24px 60px #00000073;background:#fffdf8;padding:10px}.lightbox figcaption{font-family:var(--hand);font-size:1.4rem;color:#f6ecdd;margin-top:.8rem}.lb-close,.lb-nav{background:#fffdf81f;border:1px solid rgba(255,253,248,.22);color:#fdf8f0;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;cursor:pointer;flex:none;transition:background .2s}.lb-close:hover,.lb-nav:hover{background:#fffdf842}.lb-close{position:absolute;top:3vh;right:3vw}.foot{position:relative;z-index:2;text-align:center;font-family:var(--hand);font-size:1.35rem;color:var(--ink-soft);padding:0 1rem 3.5rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.8,.3,1),transform .9s cubic-bezier(.2,.8,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.petals{display:none}}@media (max-width: 560px){.lb-nav{position:absolute;bottom:4vh}.lb-prev{left:6vw}.lb-next{right:6vw}}