:root{color-scheme:dark;--ivory:#fff1d4;--copper:#99401d}*{box-sizing:border-box}body{margin:0;background:#061224;color:var(--ivory);font-family:Georgia,serif}.toolbar{position:relative;z-index:10;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:18px;font:12px system-ui;letter-spacing:1.5px}.toolbar small{display:block;font-size:11px;letter-spacing:.2px;opacity:.65;margin-top:6px}.toolbar div{display:flex;gap:8px;flex-wrap:wrap}button{cursor:pointer;font:inherit;color:inherit;border:1px solid #e7c79655;background:#10243a;border-radius:25px;padding:10px 15px}button:hover{background:#203850}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffc983;outline-offset:4px}#invite{width:min(100%,480px);margin:auto;position:relative;overflow:hidden;box-shadow:0 0 90px #0008}.frame{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;background:#092444;isolation:isolate}.art{display:block;width:100%;height:100%;object-fit:cover}.frame:not(.hero){opacity:.25;transform:translateY(22px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.frame.visible{opacity:1;transform:none}.scroll-hint{position:absolute;bottom:1.4%;left:0;right:0;text-align:center;font:9px system-ui;letter-spacing:2px;background:#06213b99;padding:6px;opacity:0;transition:opacity 1s}.opened .scroll-hint{opacity:1}#opening{position:absolute;inset:0 0 auto;height:auto;aspect-ratio:9/16;z-index:5;overflow:hidden;pointer-events:none}.door{position:absolute;inset:0;background:url('assets/opening.png') center/100% 100%;transition:transform 2s cubic-bezier(.45,0,.12,1),filter 2s}.door-left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.door-right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}#seal{position:absolute;left:36%;top:71%;width:29%;height:17%;border:0;background:transparent;pointer-events:auto;border-radius:50%;box-shadow:0 0 0 0 #ffdf9944;animation:breathe 3s ease-in-out infinite}.opening .door-left{transform:translateX(-100%);filter:brightness(.75)}.opening .door-right{transform:translateX(100%);filter:brightness(.75)}.opening #seal{animation:none;pointer-events:none}.curtain{position:absolute;inset:0;z-index:2;background:url('assets/curtain.png') center/100% 100%;transition:transform 2.4s cubic-bezier(.22,.6,.2,1),opacity 1.8s ease;pointer-events:none}.curtain.left{clip-path:polygon(0 0,51% 0,51% 100%,0 100%);transform:translateX(23%)}.curtain.right{clip-path:polygon(49% 0,100% 0,100% 100%,49% 100%);transform:translateX(-23%)}.revealing .curtain.left{transform:translateX(-18%);opacity:0}.revealing .curtain.right{transform:translateX(18%);opacity:0}@keyframes breathe{50%{box-shadow:0 0 0 9px #ffdf9900}}.flower-edge{position:absolute;top:0;bottom:0;width:12%;background-size:833.333% 100%;pointer-events:none;z-index:1;transform-origin:50% 50%;will-change:transform;animation:sway 8s ease-in-out infinite alternate;animation-play-state:paused;mask-image:linear-gradient(to right,#000 80%,transparent)}.flower-edge.left{left:0;background-position:left}.flower-edge.right{right:0;background-position:right;animation-delay:-3s;mask-image:linear-gradient(to left,#000 80%,transparent)}.visible .flower-edge{animation-play-state:running}@keyframes sway{from{transform:translateY(-.7px) rotate(-.12deg)}to{transform:translateY(.7px) rotate(.12deg)}}#covered-heading{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(39% 12% 51% 12%);transition:opacity .8s}#scratch{position:absolute;left:23.1%;top:53.17%;width:55.55%;height:28.66%;touch-action:none;cursor:crosshair;transition:opacity .8s}.scratch-help{position:absolute;top:84.6%;left:15%;right:15%;font:10px system-ui;text-align:center;opacity:.8}.revealed #covered-heading,.revealed #scratch{opacity:0;pointer-events:none}.revealed .scratch-help{visibility:hidden}.hotspot{position:absolute;display:block;background:transparent;border:0;border-radius:12px;z-index:3;padding:0}.hotspot:hover{background:#fff2}.save-date{left:33.5%;top:88.3%;width:35%;height:4.6%;min-height:44px}.map{left:68.5%;width:15.5%;height:8.7%}.ceremony{top:62.2%}.reception{top:75%}.rsvp{left:23.7%;top:88.7%;width:52.5%;height:5%;min-height:44px}.gallery{position:absolute;left:14.8%;top:52.4%;width:70.55%;height:36.3%;border-radius:3%;overflow:hidden;background:#10243a}.track{height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.track::-webkit-scrollbar{display:none}.track img{width:100%;height:100%;flex:0 0 100%;object-fit:cover;scroll-snap-align:center}.gallery button{position:absolute;top:45%;padding:0;width:34px;height:40px;border:0;background:#06122488;font-size:27px}.prev{left:6px}.next{right:6px}.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dots button{position:static;width:9px;height:9px;border-radius:50%;background:#fff8;font-size:0;outline-offset:4px}.dots button.active{background:var(--ivory);box-shadow:0 0 0 3px #0004}.countdown{position:absolute;left:17.6%;top:32.8%;width:65%;height:4.2%;display:flex;justify-content:space-between}.countdown span{display:grid;place-items:center;width:22%;font-size:clamp(19px,6.5vw,33px);font-weight:bold;background:#092344;border-radius:5px}.notes{font:12px/1.7 system-ui;max-width:480px;margin:24px auto 50px;padding:0 20px;color:#bec9d4}dialog{border:1px solid #bc9d6f;border-radius:15px;background:#10243a;color:var(--ivory);max-width:min(90vw,500px);line-height:1.6}dialog::backdrop{background:#000b}#reference-dialog video{display:block;width:100%;max-height:75vh;margin-top:15px}@media(max-width:600px){.toolbar{padding:12px;display:block}.toolbar div{margin-top:12px}.toolbar button{font-size:10px;padding:8px 10px}.toolbar span{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.frame:not(.hero){transform:none}}