*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5eee3;color:#332725;font-family:Montserrat,sans-serif;font-weight:300;line-height:1.8}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:.98;margin:0}h1{font-size:clamp(4rem,11vw,9.5rem)}h1 em,h2 i{color:#b18a58;font-style:italic}h2{font-size:clamp(3rem,7vw,6rem)}h3{font-size:2rem;color:#6f1d2a}.smallcaps{font-size:.66rem;letter-spacing:.34em;font-weight:600}.body{max-width:620px;margin:20px auto;color:#766765}.gold-line{width:55px;height:1px;background:#b18a58;margin:28px 0}.reveal{opacity:0;transform:translateY(45px);transition:1.1s cubic-bezier(.2,.7,.2,1)}.reveal.on{opacity:1;transform:none}
#preloader{position:fixed;inset:0;background:#f5eee3;z-index:100;display:grid;place-items:center;align-content:center;transition:1s}.envelope{position:relative;width:270px;height:180px;cursor:pointer;filter:drop-shadow(0 25px 30px #5a312520)}.env-back,.env-front{position:absolute;inset:0;background:#fff9ef;border:1px solid #c4a77e}.env-back{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.env-front{clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:#efe1cd}.env-flap{position:absolute;inset:0;background:#f9f0e2;clip-path:polygon(0 0,100% 0,50% 57%);transform-origin:top;transition:1s;z-index:3}.seal{position:absolute;z-index:4;left:50%;top:52%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#6f1d2a;color:#f7e9d4;font:600 16px "Cormorant Garamond";letter-spacing:1px;box-shadow:0 5px 12px #0002}.seal span{font-size:11px;color:#d7b98b}.open .env-flap{transform:rotateX(180deg)}.open .seal{opacity:0}.open{opacity:0;pointer-events:none}.open-hint{font-size:.65rem;letter-spacing:.3em;color:#6f1d2a;margin-top:30px}.music{position:fixed;right:22px;bottom:22px;z-index:20;border:1px solid #8c6a48;border-radius:50%;width:48px;height:48px;background:#fff9ef;color:#6f1d2a;cursor:pointer}.music.playing{animation:spin 3s linear infinite}.music-tip{position:fixed;right:78px;bottom:29px;z-index:19;font-size:.65rem;background:#6f1d2a;color:#fff5e8;padding:6px 13px;border-radius:20px;opacity:.9}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:30}.progress i{display:block;height:100%;width:0;background:#b18a58}.hero,.final{min-height:100svh;position:relative;display:grid;place-items:center;color:#fff7ec;overflow:hidden}.hero-bg{position:absolute;inset:-4%;background:linear-gradient(90deg,#321517aa,#32151725),url("images/cover.svg") center/cover;animation:slowzoom 16s ease-in-out infinite alternate}.grain{position:absolute;inset:0;opacity:.08;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='.45'/%3E%3C/svg%3E")}.hero-content{position:relative;text-align:center;z-index:2;padding:25px}.hero .smallcaps{color:#ead7ba}.hero-date{letter-spacing:.4em;font-size:.75rem}.hero-sub{font-family:"Cormorant Garamond";font-size:1.35rem;font-style:italic}.hero-line{height:1px;background:#d8b985;width:80px;margin:28px auto}.scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:-150px;color:#fff;text-decoration:none;font-size:.62rem;letter-spacing:.25em}.scroll b{font-size:1rem;margin-left:10px}.cinema{min-height:100svh;display:grid;place-items:center;position:relative;background:#eadbc8 url("images/anh1.svg") center/cover fixed}.veil{position:absolute;inset:0;background:#f5eee3df}.center{position:relative;text-align:center;padding:30px}.countdown{display:flex;justify-content:center;gap:clamp(18px,5vw,65px);margin:50px 0 10px}.countdown div{min-width:75px}.countdown strong{display:block;font:500 clamp(2.6rem,6vw,4.7rem) "Cormorant Garamond";color:#6f1d2a}.countdown span{font-size:.58rem;letter-spacing:.22em;color:#8d766e}.edit-note{font-size:.58rem;color:#9b8981}.story{max-width:1150px;margin:auto;padding:140px 35px;display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.story-photo{padding:10px;border:1px solid #b18a5880;background:#fffaf1}.story-photo img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.story-copy{padding:20px}.story-copy p:not(.smallcaps){color:#746661}.parallax{height:90svh;position:relative;overflow:hidden}.parallax img{width:100%;height:115%;object-fit:cover;filter:saturate(.72);transform:scale(1.04)}.parallax:after{content:"";position:absolute;inset:0;background:#32151738}.parallax-caption{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center;color:#fff7ec}.parallax-caption span{font:.7rem Montserrat;letter-spacing:.45em}.parallax-caption b{font:italic 6rem "Cormorant Garamond";font-weight:400}.details,.gallery,.family,.gift{padding:140px 25px;max-width:1150px;margin:auto}.section-title{text-align:center}.section-title .gold-line{margin:25px auto}.detail-grid,.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:65px}.detail-grid article,.family-grid>div{padding:55px 35px;text-align:center;background:#fffaf2;border:1px solid #b18a5855}.num{font:italic 2.4rem "Cormorant Garamond";color:#b18a58}.map{display:inline-block;color:#6f1d2a;text-decoration:none;font-size:.63rem;letter-spacing:.2em;border-bottom:1px solid #b18a58}.masonry{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.g{overflow:hidden}.g img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}.g:hover img{transform:scale(1.06)}.g1{height:560px}.g2{height:380px}.g3{height:380px}.g4{height:560px;margin-top:-180px}.family{background:#efe3d3;max-width:none}.family-grid{max-width:900px;margin-left:auto;margin-right:auto}.family-grid p:not(.smallcaps){color:#756863}.gift{text-align:center}.qr{display:inline-block;margin-top:35px;padding:28px;background:#fffaf2;border:1px solid #b18a5880}.qr img{width:220px;height:220px;display:block}.qr p{font-size:.62rem;color:#8d7b74}.final-bg{position:absolute;inset:-4%;background:linear-gradient(#38161aaa,#38161a55),url("images/cover.svg") center/cover;animation:slowzoom 18s ease-in-out infinite alternate}.final-copy{position:relative;text-align:center;z-index:2}.final-copy .smallcaps{color:#e8d2af}.final-copy p:last-child{font-family:"Cormorant Garamond";font-size:1.5rem}.final-copy i{color:#e1b77d}footer{padding:28px;text-align:center;background:#5e1824;color:#f5dfc0;font-size:.6rem;letter-spacing:.2em}footer span{color:#d6a66e}@keyframes slowzoom{to{transform:scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}#petals{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.petal{position:absolute;top:-20px;width:9px;height:14px;background:#d8bfa5;border-radius:100% 0 100% 0;opacity:.6;animation:fall linear forwards}@keyframes fall{to{transform:translate3d(var(--x),110vh,0) rotate(600deg);opacity:0}}@media(max-width:760px){.music-tip{display:none}.story{grid-template-columns:1fr;gap:45px;padding:90px 18px}.story-copy{text-align:center}.story-copy .gold-line{margin:25px auto}.detail-grid,.family-grid{grid-template-columns:1fr}.details,.gallery,.family,.gift{padding:90px 18px}.masonry{gap:9px}.g1,.g4{height:430px}.g2,.g3{height:280px}.g4{margin-top:-150px}.parallax{height:70svh}.parallax-caption b{font-size:4.5rem}.countdown{gap:12px}.countdown div{min-width:58px}.cinema{background-attachment:scroll}.hero-bg,.final-bg{animation:none}.scroll{bottom:-110px}}