@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg:#fafafa;--color-surface:#fff;--color-text-dark:#111;--color-text-muted:#666;--color-border:#eaeaea;--color-accent:#cfa660;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text-dark);font-weight:400}.section-pad{max-width:1400px;margin:0 auto;padding:120px 24px}.text-center{text-align:center}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem}.section-subtitle{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:60px;font-size:.9rem;font-weight:300}.vault-hero{flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;height:100vh;padding-bottom:10vh;display:flex;position:relative;overflow:hidden}.vault-hero video{object-fit:cover;z-index:-2;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:-1;background:linear-gradient(#0000004d 0%,#0000 50%,#000000b3 100%);position:absolute;inset:0}.hero-content{text-align:center;color:#fff;z-index:10;animation:1.5s forwards fadeUp}.vault-welcome{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin-bottom:24px;font-size:.8rem}.couple-names{margin-bottom:16px;font-size:6rem;font-weight:400;line-height:1.1}.wedding-meta{font-family:var(--font-sans);letter-spacing:.05em;opacity:.9;font-size:1rem;font-weight:300}.scroll-indicator{background:#fff3;width:1px;height:60px;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%)}.scroll-indicator:after{content:"";background:#fff;width:100%;height:50%;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollDown;position:absolute;top:0;left:0}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-section{text-align:center;max-width:800px;color:var(--color-text-dark);font-size:1.5rem;line-height:1.8;font-family:var(--font-serif);margin:0 auto;padding:180px 24px;font-style:italic}.timeline-grid{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.timeline-item{background:var(--color-surface);border:1px solid var(--color-border);transition:var(--transition-smooth);border-radius:12px;overflow:hidden}.timeline-header{cursor:pointer;justify-content:space-between;align-items:center;padding:32px;display:flex}.timeline-title{font-size:1.8rem}.timeline-icon{color:var(--color-text-muted);transition:var(--transition-smooth);font-size:1.5rem;font-weight:300}.timeline-content{max-height:0;transition:max-height .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.timeline-item.active .timeline-content{max-height:800px}.timeline-item.active .timeline-icon{transform:rotate(45deg)}.timeline-inner{padding:0 32px 32px}.timeline-img{object-fit:cover;border-radius:8px;width:100%;height:400px}.reels-grid,.family-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.video-card{aspect-ratio:9/16;cursor:pointer;background:#111;border-radius:16px;position:relative;overflow:hidden}.video-card video{object-fit:cover;opacity:.8;width:100%;height:100%;transition:var(--transition-smooth)}.video-card:hover video{opacity:1;transform:scale(1.02)}.masonry-gallery{column-count:3;column-gap:24px}.masonry-item{break-inside:avoid;border-radius:8px;margin-bottom:24px;overflow:hidden}.masonry-item img{width:100%;height:auto;transition:var(--transition-smooth);display:block}.masonry-item:hover img{transform:scale(1.02)}.downloads-section{background:var(--color-surface);border-radius:24px;margin:120px 24px;padding:100px 24px}.downloads-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto;display:grid}.download-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-dark);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;text-decoration:none;display:flex}.download-btn:hover{background:var(--color-text-dark);color:#fff;border-color:var(--color-text-dark)}.download-icon{margin-bottom:12px;font-size:1.5rem}.download-text{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.vault-footer{text-align:center;background:var(--color-text-dark);color:#fff;padding:80px 24px}.vault-logo{filter:invert();opacity:.9;height:40px;margin-bottom:24px}.vault-footer p{font-family:var(--font-serif);opacity:.7;font-size:1.1rem;font-style:italic}@media (width<=768px){.couple-names{font-size:3.5rem}.masonry-gallery{column-count:2}.section-pad{padding:80px 20px}.timeline-header{padding:24px}.timeline-inner{padding:0 24px 24px}.story-section{padding:100px 20px;font-size:1.2rem}}@media (width<=480px){.masonry-gallery{column-count:1}.couple-names{font-size:2.8rem}}