@font-face{font-family:Invitation;src:url('assets/serif.otf') format('opentype');font-display:swap}@font-face{font-family:Invitation;src:url('assets/serif-italic.otf') format('opentype');font-style:italic;font-display:swap}
:root{--gold:#e0bf6d;--gold-bright:#f1d790;--cream:#f8edd5;--muted:#c5b8a1;--ink:#28231e;--shell:500px;--sans:Arial,Helvetica,sans-serif;--serif:Invitation,Georgia,'Times New Roman',serif;color-scheme:only light}
*{box-sizing:border-box}html{background:#171613;scroll-behavior:smooth}body{margin:0;color:var(--cream);font-family:var(--serif);font-weight:400;-webkit-font-smoothing:antialiased}body.is-closed,body.is-opening{overflow:hidden}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#504334 0,#25221d 50%,#171613 85%);z-index:-1}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f6dd9d;outline-offset:5px}button{border:0}h1,h2,p{margin:0}svg.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;overflow:hidden}.invitation-shell{position:relative;max-width:var(--shell);min-height:100svh;margin:auto;isolation:isolate;box-shadow:0 0 100px #0005}.toolbar{position:fixed;z-index:40;top:max(15px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),calc(var(--shell) - 28px));display:flex;justify-content:space-between;align-items:center;gap:7px}.wordmark{display:flex;align-items:center;gap:5px;text-decoration:none;background:#29251ed6;backdrop-filter:blur(12px);padding:9px 9px;border-radius:30px;border:1px solid #ebd7a51c;white-space:nowrap}.wordmark span{font-size:10px;letter-spacing:1.65px}.wordmark svg{width:11px;height:11px;fill:var(--gold);stroke-width:0;color:var(--gold)}.toolbar nav{display:flex;gap:5px}.tool-button{background:#29251ee3;backdrop-filter:blur(12px);border:1px solid #ebd7a526;border-radius:22px;padding:9px 10px;font:11px var(--sans);display:flex;gap:5px;align-items:center;white-space:nowrap}.tool-button svg{width:13px;height:13px;color:var(--gold)}.tool-button:hover,.wordmark:hover{background:#44392f}
.portal{position:fixed;z-index:20;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--shell));overflow:hidden;background:#e4c392}.entrance-scene{position:absolute;inset:0;overflow:hidden;transform-origin:50% 46%;transition:transform 5.1s cubic-bezier(.3,.03,.22,1)}.artboard{position:absolute;left:50%;top:50%;width:max(100%,calc(100svh * 4 / 7));aspect-ratio:4/7;transform:translate(-50%,-50%);perspective:1450px;perspective-origin:50% 45%;isolation:isolate}.artboard img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.open-plate{position:absolute;inset:0}.facade{position:absolute;inset:0;z-index:2;clip-path:url(#stone-frame)}.door{position:absolute;inset:0;z-index:3;backface-visibility:hidden;will-change:transform;transition:transform 4.6s cubic-bezier(.32,.02,.22,1),filter 4.6s;transform-style:preserve-3d}.door-left{transform-origin:21% 49%;clip-path:url(#left-leaf)}.door-right{transform-origin:79% 49%;clip-path:url(#right-leaf)}.is-opening .door-left,.is-entered .door-left{transform:rotateY(-104deg);filter:brightness(.83)}.is-opening .door-right,.is-entered .door-right{transform:rotateY(104deg);filter:brightness(.83)}.is-opening .entrance-scene,.is-entered .entrance-scene{transform:scale(1.14)}.portal.departing{transition:opacity 1.4s;opacity:0;pointer-events:none}.portal[hidden]{display:none}.lantern-glow{position:absolute;width:9%;height:9%;top:34%;border-radius:50%;z-index:4;pointer-events:none;background:radial-gradient(ellipse,#ffd38638,transparent 67%);mix-blend-mode:screen;animation:lamp-breathe 3s ease-in-out infinite alternate}.lantern-left{left:3%}.lantern-right{right:3%;animation-delay:-1.8s}.enter-button{position:absolute;z-index:6;bottom:max(8.5%,65px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;background:none;padding:10px 25px;transition:opacity .35s}.key-disc{width:43px;height:43px;border:1px solid #e4cf9d66;border-radius:50%;display:grid;place-items:center;background:#27261ce0;box-shadow:0 3px 25px #0002}.key-disc svg{color:#f8e7ba;width:20px;height:20px}.key-disc:after{content:'';position:absolute;width:50px;height:50px;border:1px solid #fff5;border-radius:50%;animation:invitation-pulse 2.4s ease-out infinite}.tap-label{font-size:11px;letter-spacing:3.5px;color:#fff9e9;text-shadow:0 2px 5px #3d251c;white-space:nowrap}.entrance-caption{position:absolute;bottom:max(3.9%,25px);left:0;right:0;text-align:center;font-style:italic;font-size:14px;color:#4b3524;text-shadow:0 1px 7px #fff7;transition:opacity .35s}.is-opening .enter-button,.is-opening .entrance-caption{opacity:0;pointer-events:none}.petals{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.petal{position:absolute;top:-5%;left:var(--x);width:var(--size);height:calc(var(--size)*.6);background:linear-gradient(30deg,#a52c4a,#ef7f9b);border-radius:80% 0 70% 25%;opacity:0;animation:petal-fall var(--duration) linear var(--delay) infinite;box-shadow:1px 2px 3px #0001}
.reading-backdrop{position:fixed;left:50%;top:0;bottom:0;transform:translateX(-50%);width:min(100%,var(--shell));overflow:hidden;z-index:-1;background:#2d2823}.reading-backdrop img{width:100%;height:100%;object-fit:cover;transform:scale(1.48);object-position:50% 44%}.reading-backdrop>div{position:absolute;inset:0;background:linear-gradient(180deg,#201e1cc7,#211e1bb5 35%,#24211fe6 75%,#24211ff2)}.reading{position:relative;visibility:hidden;opacity:0;min-height:100svh;padding:93px 34px 45px;transition:opacity 1.4s ease;pointer-events:none}.is-entered .reading{visibility:visible;opacity:1;pointer-events:auto}.invitation-copy{text-align:center;max-width:350px;margin:auto}.crest{position:relative;display:grid;place-items:center;margin:0 auto 24px;width:53px;height:61px;color:var(--gold);border:1px solid #e1be6b8c;border-radius:48% 48% 44% 44%;transform:rotate(-5deg)}.crest:before{content:'';position:absolute;inset:-5px;border:1px solid #e1be6b55;border-radius:48% 48% 44% 44%}.crest:after{content:'✧';position:absolute;bottom:-18px;left:20px;font-size:16px}.crest span{font:italic 23px var(--serif);letter-spacing:-3px;padding-right:3px;transform:rotate(5deg)}.eyebrow{font:9px/1.65 var(--sans);text-transform:uppercase;letter-spacing:2.3px;color:var(--gold)}.family-heading{margin:8px 0 23px;color:#eed99c;font-size:9px;letter-spacing:2.1px}h1{font:48px/.98 var(--serif);text-transform:uppercase;letter-spacing:2px;color:#f0cf7f;text-shadow:0 2px 18px #e7b34828}h1 span{display:block;overflow-wrap:anywhere}h1 em{display:block;font-style:italic;font-size:29px;line-height:1.15;text-transform:none;letter-spacing:0;margin:9px 0 11px}h1:focus{outline:none}.invitation-wording{font-size:11px;line-height:1.8;letter-spacing:1.7px;text-transform:uppercase;margin:24px auto 0;max-width:290px;color:#f4e8d0}.ornament{display:flex;align-items:center;gap:12px;justify-content:center;margin:24px 35px 22px;color:var(--gold);font-size:13px}.ornament:before,.ornament:after{content:'';height:1px;width:60px;background:linear-gradient(90deg,transparent,#d5b46a77)}.ornament:after{transform:rotate(180deg)}.date-section{margin:0 auto}.scratch-card{position:relative;overflow:hidden;min-height:120px;border-radius:12px;border:1px solid #c8a85a66;background:#26211e4a}.date-details{display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:15px 6px;color:#f8ecd2}.date-details>p:first-child{color:#d9ba70;font:9px var(--sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:7px}.date-main{font:18px/1 var(--serif);text-transform:uppercase;white-space:nowrap;letter-spacing:.4px}.date-main strong{font-size:33px;font-weight:400;margin:0 3px}.date-main #date-year{font-size:14px;margin-left:5px}.date-details>p:last-child{font:9px var(--sans);letter-spacing:1.2px;text-transform:uppercase;margin-top:11px}.scratch-card canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .7s}.scratch-instruction{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#6d4d1a;pointer-events:none;transition:opacity .25s}.scratch-instruction>.icon{width:15px;height:15px}.scratch-instruction>span{font:9px var(--sans);letter-spacing:2px}.scratch-instruction small{font:10px var(--sans);color:#ffecbd;background:#6e4b28c4;padding:5px 13px;border-radius:20px}.scratching .scratch-instruction,.revealed .scratch-instruction{opacity:0}.revealed canvas{opacity:0;pointer-events:none}.quiet-link{background:none;color:#d4ba7d;font:11px var(--sans);padding:11px 5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.quiet-link:hover{color:#ffdf91}.date-section>.quiet-link{font:italic 12px var(--serif);padding-top:10px;padding-bottom:8px}.countdown{display:flex;justify-content:center;gap:7px;margin:10px auto 28px;max-width:305px}.countdown>div{background:#ffffff06;flex:1;padding:9px 3px;border:1px solid #e2c48116;border-radius:5px;min-width:0}.countdown strong{display:block;font:21px var(--serif);font-variant-numeric:tabular-nums;color:#f5e4bf}.countdown span{display:block;font:8px var(--sans);text-transform:uppercase;letter-spacing:1.3px;color:#c9b998;margin-top:5px}.celebration-today{font:italic 15px var(--serif);color:var(--gold);margin-bottom:20px}.venue-summary h2{font:20px var(--serif);text-transform:uppercase;letter-spacing:.7px;color:#f5e9cf}.venue-summary p{font:italic 12px/1.7 var(--serif);color:#d8c8ab;margin-top:9px}.itinerary-section{margin-top:30px}.section-label{font:10px var(--serif);text-transform:uppercase;color:#d4b26a;letter-spacing:2px}.itinerary-section h2:after{content:'';display:block;margin:13px auto 15px;height:1px;width:82%;background:linear-gradient(90deg,transparent,#d5b46a60,transparent)}#itinerary-list{list-style:none;padding:0;margin:0}#itinerary-list li{display:grid;grid-template-columns:65px 1fr;gap:12px;text-align:left;padding:12px 0;border-bottom:1px solid #d4b97d18}#itinerary-list time{color:#e7c571;font:10px/1.5 var(--sans);padding-top:1px;white-space:nowrap}#itinerary-list h3{font:11px/1.4 var(--serif);letter-spacing:.7px;text-transform:uppercase;margin:0;color:#f4e4c3}#itinerary-list p{font:italic 11px/1.7 var(--serif);margin-top:4px;color:#cdbda4}blockquote{margin:31px 0 20px;font:italic 14px/1.85 var(--serif);color:#e1d2b6}blockquote p:before{content:'“'}blockquote p:after{content:'”'}blockquote cite{display:block;font:9px var(--sans);letter-spacing:1.2px;text-transform:uppercase;margin-top:12px;color:#c1ac83}.dress-code{font:10px var(--sans);display:inline-flex;gap:7px;align-items:center;background:#f7e6c00b;border:1px solid #e8cc8a3a;border-radius:20px;padding:8px 14px;color:#ead4a3}.dress-code>span:first-child{color:var(--gold);font-size:15px}.guest-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0 8px}.gold-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:12px 25px;border-radius:28px;background:linear-gradient(110deg,#e1b84c,#f3d57f 50%,#d8ae4b);color:#4f391a;text-decoration:none;font:10px/1.4 var(--sans);letter-spacing:1.1px;box-shadow:0 3px 22px #e8c4571a;text-align:center;transition:filter .2s,transform .2s}.gold-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.gold-button .icon{width:16px;height:16px}.location-button{background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font:10px var(--sans);color:#f1e3c4;padding:8px 14px}.location-button svg{color:var(--gold);width:20px;height:20px}.replay-button{margin-top:8px;font-size:10px;color:#bfa773}.replay-button svg{width:13px;height:13px}.closing-note{font:italic 13px/1.7 var(--serif);color:#b8a98f;margin-top:27px}.bottom-flourish{display:block;font-size:14px;color:#a48b52;margin-top:18px}.sound-button{position:fixed;z-index:45;bottom:max(18px,env(safe-area-inset-bottom));right:max(16px,calc((100vw - var(--shell))/2 + 16px));width:35px;height:35px;display:grid;place-items:center;border:1px solid #d9c1814d;border-radius:50%;background:#29251eeb;color:var(--gold)}.sound-button[hidden]{display:none}.sound-slash{position:absolute;width:23px;height:1px;background:currentColor;transform:rotate(-50deg);box-shadow:0 0 0 2px #29251e}.sound-button[aria-pressed=true] .sound-slash{display:none}
.panel{width:min(100%,var(--shell));max-width:100%;height:100svh;max-height:100svh;margin:0 auto;padding:88px 25px 30px;border:0;inset:0;overflow:auto;background:linear-gradient(155deg,#292622,#211f1d);color:var(--cream);box-shadow:0 0 100px #0008}.panel::backdrop{background:#141310bb;backdrop-filter:blur(7px)}.panel-header{position:relative;padding:5px 8px 25px}.panel h2{font:25px var(--serif);text-transform:uppercase;letter-spacing:.7px;color:#ead7ac}.panel-header .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}.close-panel{position:absolute;right:0;top:5px;padding:10px;background:#ffffff08;border-radius:50%;color:#d4c2a0}.close-panel .icon{width:15px;height:15px}.location-panel>.close-panel{top:26px;right:23px}.style-panel .close-panel{top:8px}.style-list{display:flex;flex-direction:column;gap:10px}.style-choice{position:relative;display:flex;align-items:center;gap:15px;padding:11px;text-align:left;border:1px solid #e9cb8121;border-radius:9px;background:#ffffff02;color:var(--cream);transition:border-color .2s,background .2s;min-height:93px}.style-choice:hover{background:#dcc0800a}.style-choice[aria-pressed=true]{border-color:#d6b361;background:#dcc08008}.style-thumb{display:block;width:43px;height:70px;object-fit:cover;border-radius:23px 23px 4px 4px;flex-shrink:0}.style-choice strong{display:block;font:13px var(--serif);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;padding-right:18px}.style-choice small{display:block;font:10px/1.65 var(--sans);color:#bdb09b;max-width:240px}.style-check{display:none;position:absolute;right:12px;top:16px;border-radius:50%;color:#332919;background:var(--gold);padding:2px}.style-check svg{width:11px;height:11px}.style-choice[aria-pressed=true] .style-check{display:grid}.panel-footnote{text-align:center;font:italic 13px var(--serif);color:#ac9975;margin:29px 0}.location-panel{display:block;visibility:hidden}.location-panel[open]{visibility:visible}.location-content{min-height:calc(100svh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 10px 35px}.location-content .section-label{margin-bottom:30px}.location-content h2{font-size:24px;text-transform:none}.location-content>p:not(.section-label){font:italic 13px/1.8 var(--serif);color:#bfb099;margin-top:12px}.venue-symbol{width:65px;height:65px;display:grid;place-items:center;margin-top:38px;color:#c8a46a;background:radial-gradient(circle,#ccb48112,transparent 70%)}.venue-symbol svg{width:50px;height:50px;stroke:currentColor;fill:none;stroke-width:1.2}.location-content .venue-estate{font:10px var(--sans)!important;margin-top:0!important}.maps-button{width:100%;margin-top:40px;font-size:10px;letter-spacing:1px;padding:16px 20px}.maps-button .icon:last-child{margin-left:auto}.location-content>.quiet-link{margin-top:20px;font-size:10px}.panel-description{font:12px/1.8 var(--sans);color:#b9aa94;max-width:320px;margin-top:17px}.customize-panel .panel-header{padding-right:32px}.customize-panel h2{text-transform:none;font-size:30px}.customize-panel label{display:block;font:11px var(--sans);letter-spacing:.2px;color:#d9c69f;margin:0 0 20px}.customize-panel label small{display:block;font-size:10px;line-height:1.6;color:#a89b87;margin-top:5px}.customize-panel input:not([type=file]),.customize-panel textarea{display:block;width:100%;background:#15141166;border:1px solid #d3b56c3b;border-radius:7px;padding:12px 11px;margin-top:9px;color:#f6e9d1;font:14px/1.5 var(--serif);resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customize-panel fieldset{border:1px solid #d3b56c2e;border-radius:8px;margin:8px 0 24px;padding:17px 13px 0}.customize-panel legend{font:10px var(--sans);letter-spacing:1px;text-transform:uppercase;padding:0 6px;color:#d8b972}.itinerary-edit-row{border-bottom:1px solid #d3b56c1f;padding-bottom:1px;margin-bottom:17px}.itinerary-edit-row:last-child{border:0;margin-bottom:0}.itinerary-edit-row .form-grid{grid-template-columns:85px 1fr}.itinerary-edit-row label{font-size:10px;margin-bottom:14px}.music-field p{font:italic 13px var(--serif);color:#baab8f;margin-bottom:12px}.customize-panel .upload-label,.import-label{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:6px;border:1px solid #d4b87460;cursor:pointer;font:11px var(--sans);color:#e2c78f}.upload-label input,.import-label input{position:absolute;width:1px;height:1px;opacity:0}.customize-panel .upload-label{margin-bottom:9px}.music-field .quiet-link{font-size:10px}.form-actions{display:flex;flex-direction:column;gap:12px}.form-actions .gold-button{font-size:11px}.outline-button{border:1px solid #ddc2846e;border-radius:25px;padding:14px;background:none;color:#ddc28a;font:11px var(--sans)}.customize-panel .import-label{margin:0;border:0;font-size:10px}.form-actions .quiet-link{font-size:10px}.form-note{font:10px/1.8 var(--sans);color:#a5967e;margin:22px 8px 10px;text-align:center}.toast{position:fixed;bottom:65px;left:50%;transform:translate(-50%,12px);z-index:150;width:max-content;max-width:calc(min(100vw,var(--shell)) - 38px);background:#f1dfb7;color:#47391f;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;font:12px/1.6 var(--sans);text-align:center;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:25% 20px;z-index:100;background:#29251e;padding:30px;text-align:center}
@keyframes invitation-pulse{0%{opacity:.65;transform:scale(.9)}85%,100%{opacity:0;transform:scale(1.4)}}@keyframes lamp-breathe{from{opacity:.5}to{opacity:1}}@keyframes petal-fall{0%{opacity:0;transform:translate3d(0,-10px,0) rotate(0)}8%{opacity:.65}90%{opacity:.65}100%{opacity:0;transform:translate3d(45px,105svh,0) rotate(280deg)}}
@media(min-width:700px){.invitation-shell{border-left:1px solid #cdb4811c;border-right:1px solid #cdb4811c}.reading{padding-top:105px}.toolbar{top:20px}.wordmark{padding:10px 11px}.wordmark span{font-size:11px}.tool-button{font-size:11px;padding:10px 12px}.panel{border-left:1px solid #d4b97d22;border-right:1px solid #d4b97d22}}
@media(max-width:359px){.toolbar{width:calc(100% - 20px);gap:3px}.wordmark{padding:9px 7px}.wordmark span{font-size:8px;letter-spacing:1.15px}.tool-button{padding:9px 8px;font-size:10px;gap:4px}.reading{padding:89px 23px 35px}.family-heading{font-size:8px;letter-spacing:1.8px}h1{font-size:44px}.invitation-wording{font-size:10px;letter-spacing:1.4px}.panel{padding-left:20px;padding-right:20px}.date-main{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.door{transition-duration:.1s!important}.entrance-scene{transition-duration:.1s}.petal,.key-disc:after,.lantern-glow{animation:none}.portal.departing,.reading{transition-duration:.2s}.gold-button{transition:none}}
.is-closed .door,.is-closed .entrance-scene{transition:none}