*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}:root{--tc:#a64b34;--tc-dk:#822f1b;--tc-lt:#c5634b;--paper:#fff;--paper-dk:#fafafa;--ink:#110804;--ink-lt:#2c160b;--gold:#d29c6a;--cream:#fefcf8;--bg-color:#d96c4a}body{background:var(--bg-color);color:var(--ink);font-family:Lato,sans-serif;overflow-x:hidden}#scroll-container{height:900vh;position:relative}#stage{background:0 0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}#envelope{aspect-ratio:1.414;width:min(520px,90vw);transform-style:preserve-3d;perspective:1200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#bg-video{object-fit:cover;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}#wax-seal svg{filter:drop-shadow(0 4px 12px #7a322066);width:min(72px,14vw);height:min(72px,14vw)}#invite-card{opacity:0;z-index:5;pointer-events:none;mix-blend-mode:multiply;filter:url(#ink-bleed);border-radius:2px;width:100vw;height:570px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.95)}.card-photo{filter:sepia(.25)grayscale(.2)contrast(1.1)brightness(.9);mix-blend-mode:multiply;border:1px solid #2c1a0e1a;border-radius:120px 120px 4px 4px;width:100%;height:auto;margin:0 auto;display:block}.photo-collage{width:100%;height:380px;margin:1rem 0 2rem;position:relative}.collage-pic{border:4px solid var(--tc-dk);filter:sepia(.25)grayscale(.2)contrast(1.1)brightness(.9);opacity:0;transform:scale(.5) var(--final-transform);border-bottom-width:18px;border-radius:2px;transition:opacity .8s,transform 1.2s cubic-bezier(.34,1.56,.64,1);position:absolute;box-shadow:0 6px 16px #2c1a0e66}.collage-pic.visible{opacity:1;transform:scale(1) var(--final-transform)}.pic-1{z-index:1;width:42%;top:0;left:5%}.pic-2{z-index:2;width:45%;top:60px;right:3%}.pic-3{z-index:3;width:45%;top:140px;left:8%}.pic-4{z-index:4;width:48%;top:200px;right:5%}.placeholder-pic{height:180px;color:var(--tc-dk);text-align:center;background-color:#c8764a1a;justify-content:center;align-items:center;font-family:Lato,sans-serif;font-size:.8em;font-weight:700;display:flex}.card-paper{background-color:var(--cream);filter:url(#roughpaper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");border-radius:1px;padding:min(52px,8vw) min(44px,7vw);position:relative;overflow:hidden;box-shadow:0 2px 8px #2c1a0e14,0 24px 64px #2c1a0e38,0 48px 120px #2c1a0e24}.card-inner{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}#scroll-window{flex-grow:1;position:relative;overflow:hidden}#scroll-content{padding-bottom:6rem;position:relative}.card-frame{pointer-events:none;z-index:2;border:1px solid #5a2a1a40;border-radius:1px;position:absolute;inset:16px}.card-frame:before{content:"";border:1px solid #5a2a1a1f;border-radius:1px;position:absolute;inset:5px}.card-frame:after{content:"";background:radial-gradient(circle at 0% 0%, var(--tc) 3px, transparent 3px), radial-gradient(circle at 100% 0%, var(--tc) 3px, transparent 3px), radial-gradient(circle at 0% 100%, var(--tc) 3px, transparent 3px), radial-gradient(circle at 100% 100%, var(--tc) 3px, transparent 3px);position:absolute;inset:-1px}.card-section{position:relative}.eyebrow{letter-spacing:.38em;text-transform:uppercase;color:var(--tc-dk);text-align:center;margin-bottom:1rem;font-size:min(.85rem,3.5vw);font-weight:700;display:block}.timbrado{color:var(--ink);opacity:.95;text-shadow:0 0 1px #2c1a0e99}.names{text-align:center;letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-size:min(3.5rem,11vw);font-weight:600;line-height:1}.script-title{color:var(--tc-dk);text-align:center;text-shadow:0 0 1px #2c1a0e66;margin-bottom:.5rem;font-family:Great Vibes,cursive;font-size:min(2.8rem,9vw);font-weight:400;line-height:1}.names em{font-style:normal}.amp{margin:0 .2em;font-size:.6em;font-weight:400;display:inline-block}.deboss-leaf{pointer-events:none;filter:drop-shadow(-1px -1px 1px #00000040)drop-shadow(1px 1px 1px #ffffff59);width:45%;position:absolute}.leaf-left{bottom:25%;left:15%;transform:rotate(15deg)}.leaf-right{bottom:25%;right:15%;transform:scaleX(-1)rotate(15deg)}.leaf-bottom{width:30%;bottom:20%;left:50%;transform:translate(-50%)rotate(90deg)}.divider{align-items:center;gap:.8rem;margin:1rem 0;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#5a2a1a4d);flex:1;height:1px}.divider:after{background:linear-gradient(270deg,#0000,#5a2a1a4d)}.divider-gem{background:var(--tc);opacity:.7;width:6px;height:6px;transform:rotate(45deg)}.date-block{text-align:center;margin:1.2rem 0}.date-big{letter-spacing:.2em;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:min(1.35rem,4.8vw);font-weight:600}.date-day{color:var(--tc-dk);text-shadow:1px 1px 1px #fff3,-1px -1px 1px #00000026;font-family:Cormorant Garamond,serif;font-size:min(4.5rem,16vw);font-weight:600;line-height:1;display:block}.detail-line{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);font-size:min(1rem,3.6vw);font-weight:700;line-height:2}.verse{color:var(--ink);text-align:center;padding:0 .5rem;font-family:Cormorant Garamond,serif;font-size:min(1.25rem,4.6vw);font-style:italic;font-weight:600;line-height:1.7}.timeline{flex-direction:column;gap:.6rem;padding:.2rem 0;display:flex}.tl-row{align-items:baseline;gap:1rem;display:flex}.tl-time{letter-spacing:.15em;color:var(--tc-dk);flex-shrink:0;min-width:3.5rem;font-size:min(.95rem,3.5vw);font-weight:700}.tl-dot{background:var(--tc);opacity:.6;border-radius:50%;flex-shrink:0;width:5px;height:5px;position:relative;top:-.05em}.tl-label{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:min(1.3rem,4.6vw);font-weight:600}.tl-sub{color:var(--ink);letter-spacing:.05em;margin-left:auto;font-size:min(.85rem,3.2vw);font-weight:600}.verse{color:var(--ink);text-align:center;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:min(1.3rem,4.5vw);font-style:italic;font-weight:600;line-height:1.4}.rsvp-note{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-top:1px solid #c8764a4d;padding:.8rem 0 .2rem;font-size:min(.9rem,3.5vw);font-weight:700}.rsvp-date{color:var(--tc-dk);margin-top:.5rem;font-size:1.1em;font-weight:700;display:block}.map-btn{background-color:var(--tc-dk);color:var(--cream);border:1px solid var(--tc-dk);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;pointer-events:auto;border-radius:4px;padding:.6rem 1.2rem;font-family:Lato,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.map-btn-outline{color:var(--tc-dk);background-color:#0000}.corner-tl,.corner-tr,.corner-bl,.corner-br{z-index:3;pointer-events:none;opacity:.55;width:min(48px,8vw);height:min(48px,8vw);position:absolute}.corner-tl{top:12px;left:12px}.corner-tr{top:12px;right:12px;transform:scaleX(-1)}.corner-bl{bottom:12px;left:12px;transform:scaleY(-1)}.corner-br{bottom:12px;right:12px;transform:scale(-1)}#scroll-hint{z-index:200;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .5s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}#scroll-hint span{letter-spacing:.3em;text-transform:uppercase;color:#fdf7f059;font-size:.6rem}.hint-bar{background:linear-gradient(to bottom, var(--tc), transparent);width:1px;height:44px;animation:2s ease-in-out infinite barAnim}@keyframes barAnim{0%{transform-origin:top;opacity:1;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.bg-ambient{pointer-events:none;z-index:0;background:radial-gradient(at 50% 60%,#c8764a0f 0%,#0000 65%);transition:opacity 1s;position:fixed;inset:0}#progress-bar{background:linear-gradient(to right, var(--tc-dk), var(--tc), var(--gold));z-index:300;width:0%;height:2px;transition:width 50ms linear;position:fixed;top:0;left:0}#final-note{z-index:200;opacity:0;text-align:center;pointer-events:none;transition:opacity .6s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}#final-note p{letter-spacing:.25em;text-transform:uppercase;color:#c8764a8c;font-size:.65rem}