@import url("https://fonts.googleapis.com/css2?family=Italianno&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
/* Scoped design system: original photographic pearl cutouts and moiré paper. */
.pearl-experience{--ivory:#f5eedf;--ink:#443b32;--gold:#806742;--champagne:#c2ad83;--shadow:0 28px 65px #46382530;--script:'Italianno','URW Chancery L',Georgia,serif;--body:'Libre Baskerville',Georgia,serif;color:var(--ink);font:400 clamp(15px,1.2vw,18px)/1.8 var(--body);background:#e5dcc9 url("assets/pearl-heirloom/pearl-paper.webp?v=efc733fda7c4") center/cover fixed;position:relative;isolation:isolate;overflow:clip}.event-nav{display:none}.pearl-experience *{box-sizing:border-box}.pearl-experience button,.pearl-experience a{touch-action:manipulation}.pearl-experience button{cursor:pointer}.pearl-experience :focus-visible{outline:3px solid #806742;outline-offset:5px}.pearl-experience [hidden]{display:none!important}.pearl-experience h1,.pearl-experience h2,.pearl-cover-names{overflow-wrap:anywhere}.pearl-experience h1,.pearl-experience h2{font-family:var(--script);font-weight:400;line-height:1.2}.pearl-experience h2{font-size:clamp(34px,4vw,52px);color:var(--gold)}.pearl-kicker{font:700 clamp(10px,1vw,12px)/1.7 var(--body);letter-spacing:.17em}.pearl-cover{min-height:100svh;min-height:100dvh;position:relative;display:grid;place-items:center;text-align:center;padding:clamp(30px,5vw,70px);background:#eee4cd url("assets/pearl-heirloom/pearl-paper.webp?v=efc733fda7c4") center/cover;perspective:1600px;overflow:hidden;box-shadow:inset 0 0 100px #826e4220}.pearl-cover-letter{position:relative;z-index:3;width:min(670px,100%);padding:clamp(30px,5vh,70px) clamp(20px,4vw,55px);background:#faf3e6c9;border:1px solid #c2ad83;outline:4px double #b7a075;outline-offset:10px;box-shadow:0 25px 60px #69532b30,inset 0 0 40px #ad987b10;transform-origin:left center}.pearl-cover-names{font:400 clamp(42px,6vw,90px)/1.12 var(--script);margin:22px 0}.pearl-cover-date{font-size:clamp(12px,1.3vw,17px)}.pearl-cover-rule{width:90px;height:1px;background:#b6a173;margin:22px auto}.pearl-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:26px auto 15px;min-width:94px;min-height:94px;border-radius:50%;border:8px double #d4bc80;box-shadow:0 10px 14px #69562c40,inset 0 0 0 3px #faf1d2;background:radial-gradient(circle at 30% 24%,#fffef4,#e6d9b9 50%,#b8a789 90%);color:#584325;position:relative}.pearl-seal span{font:34px var(--script)}.pearl-seal small{font:700 9px var(--body);letter-spacing:.15em}.pearl-open-hint{font-style:italic;font-size:14px}.pearl-edition{font:10px var(--body);letter-spacing:.1em;margin-top:25px}.pearl-drape{position:absolute;width:clamp(260px,44vw,630px);height:auto;z-index:4;pointer-events:none;filter:drop-shadow(0 8px 5px #735a3525)}.pearl-drape-top{top:-35px;left:-35px;animation:pearl-drift 9s ease-in-out infinite alternate}.pearl-drape-bottom{bottom:-45px;right:-40px;transform:rotate(180deg);animation:pearl-drift-bottom 11s ease-in-out infinite alternate}.pearl-enhanced:not(.pearl-open) .pearl-interior{display:none}.pearl-opening .pearl-cover-letter{animation:pearl-hinge 1.6s .2s cubic-bezier(.2,.7,.1,1) forwards}.pearl-opening .pearl-seal{animation:pearl-unseal .6s forwards}.pearl-opening .pearl-cover{animation:pearl-cover-fade .9s 1.7s forwards}.pearl-open .pearl-cover{display:none}.pearl-desk-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px clamp(20px,5vw,70px);border-bottom:1px solid #b09c7030}.pearl-desk-bar p{margin:0;font-style:italic;font-size:16px}.pearl-desk-bar button,.pearl-page-controls button{min-height:44px;border:1px solid #ac946b;background:#f8f0df;color:var(--ink);padding:10px 16px;font:12px var(--body)}.pearl-desk{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:60px clamp(22px,5vw,75px) 90px;align-items:start}.pearl-portrait{position:sticky;top:30px;text-align:center;min-width:0}.pearl-portrait-frame{width:80%;margin:auto;aspect-ratio:3/4;padding:12px;background:linear-gradient(135deg,#f0ddb2,#a8915b,#f9efd1);border-radius:50% 50% 45% 45%;box-shadow:0 18px 32px #59462430}.pearl-portrait-frame>img,.pearl-portrait-initials{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px double #dfcda6}.pearl-portrait-initials{background:#f2e8d0;display:grid;place-items:center;font:clamp(45px,6vw,80px) var(--script)}.pearl-portrait>p{font:32px/1.2 var(--script);margin:18px 0 8px;overflow-wrap:anywhere}.pearl-portrait>small{font-size:11px;display:block}.pearl-portrait-drape{position:absolute;top:-35px;left:-25px;width:80%;height:auto;pointer-events:none;filter:drop-shadow(0 5px 4px #66502820)}.pearl-chapters{margin-top:28px;display:flex;flex-direction:column;gap:7px;text-align:left}.pearl-chapters button{display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid #bca98570;background:#f6ecdaaa;color:#443b32;min-height:48px;padding:12px 16px;font:12px var(--body);text-align:left}.pearl-chapters span{color:#806742;font-style:italic}.pearl-chapters button[aria-current=page]{background:#806742;color:#fff7e8;box-shadow:0 8px 15px #5f4b2520}.pearl-chapters button[aria-current=page] span{color:#fff3d8}.pearl-folio{min-width:0;position:relative}.pearl-sheet{position:relative;min-height:720px;padding:clamp(35px,5vw,75px);margin:0 0 35px;background:#f9f1e1 url("assets/pearl-heirloom/pearl-paper.webp?v=efc733fda7c4") center/cover;box-shadow:var(--shadow),6px 7px 0 #d5c7ac,10px 11px 0 #e8ddc7;border:1px solid #c6b795}.pearl-sheet section{padding:0!important;margin:25px 0;background:none!important;border:0!important;box-shadow:none!important}.pearl-sheet .button,.pearl-sheet button{display:inline-block;background:#806742;color:#fff7e8;text-decoration:none;border:0;padding:12px 20px;min-height:44px;font:12px/1.6 var(--body);margin:5px 0}.pearl-sheet .button.outline{background:transparent;color:#66512e;border:1px solid #a9946b}.pearl-sheet a:not(.button){color:#6a502d}.pearl-sheet p{overflow-wrap:anywhere}.pearl-invitation{text-align:center;border-radius:160px 160px 4px 4px;border:8px double #c2ad83;padding-top:70px}.pearl-stationery-mark{font:50px var(--script);color:#806742;width:110px;margin:auto;border-bottom:1px solid #bfa980}.pearl-invitation h1{font-size:clamp(46px,6vw,82px);margin:25px 0}.pearl-intro{max-width:440px;margin:20px auto}.pearl-invite-date{font-style:italic;font-size:19px}.pearl-countdown-card{margin:35px -10px 0;padding:8px 20px;border-top:1px solid #c4ad80}.pearl-countdown-card #countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pearl-countdown-card #countdown b{display:block;font:clamp(24px,3vw,40px) var(--body);font-weight:400}.pearl-countdown-card #countdown span{font:8px var(--body);letter-spacing:.07em}.pearl-letter{transform:rotate(-.6deg);background-position:left top;border-left:16px solid #d4c4a4}.pearl-letter-heading,.pearl-signature{font:clamp(34px,4vw,48px)/1.25 var(--script)}.pearl-letter .long-copy{font-style:italic;line-height:2.1}.pearl-signature{color:#806742;text-align:right;margin-top:50px}.pearl-programme{border:9px double #ac966b;background-color:#ede3cf;text-align:left}.pearl-programme-strip{margin:35px -20px;padding:20px;border-top:1px dashed #a48b61;border-bottom:1px dashed #a48b61;background:#f5ead4b0}.pearl-programme .schedule{display:grid;gap:20px}.pearl-programme .schedule article{display:grid;grid-template-columns:70px 1fr;gap:5px 18px;border-bottom:1px solid #c9b88f;padding:14px 0}.pearl-programme .schedule article b{grid-row:span 2;color:#806742;font-size:12px}.pearl-programme h3,.pearl-programme .schedule p{margin:0}.pearl-journey{border-top:20px solid #bfa780;background-position:right bottom}.pearl-journey .photo-gallery img{width:100%;height:auto;max-height:300px;object-fit:cover;border:10px solid #fff9ec;box-shadow:0 12px 20px #57462c30;transform:rotate(-2deg)}.pearl-sheet details{padding:12px 0;border-bottom:1px solid #c4b591}.pearl-sheet summary{cursor:pointer;min-height:44px}.pearl-album{background:#e2d5bc;border:15px solid #cbb993;min-height:600px}.pearl-album .photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:30px 0}.pearl-album img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:10px solid #fff9ed;border-bottom-width:30px;box-shadow:0 12px 22px #4a3d2e30;transform:rotate(-3deg)}.pearl-album img:nth-child(even){transform:rotate(3deg)}.pearl-reply{border-radius:5px;border:7px double #bca374;padding-top:100px}.pearl-reply-flap{position:absolute;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#dac9a2,#f0e6d0);clip-path:polygon(0 0,100% 0,50% 100%)}.pearl-reply input,.pearl-reply select,.pearl-reply textarea{width:100%;max-width:100%;min-height:44px;border:1px solid #bba886;background:#fff9ed;color:#443b32;padding:12px;font:16px Georgia}.pearl-reply label{display:block;font-size:12px;margin:12px 0}.pearl-reply .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.pearl-page-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0}.pearl-page-controls p{font:11px var(--body);margin:0;text-align:center}.pearl-page-controls button:disabled{opacity:.45;cursor:default}.pearl-enhanced .pearl-sheet{margin-bottom:0}.pearl-sheet img{max-width:100%}.pearl-experience .honeypot{position:absolute;left:-10000px}
@keyframes pearl-hinge{to{transform:rotateY(-105deg) translateX(-30px);opacity:.25}}@keyframes pearl-unseal{to{transform:translateY(25px) rotate(15deg);opacity:0}}@keyframes pearl-cover-fade{to{opacity:0}}@keyframes pearl-drift{to{transform:translate(5px,7px) rotate(2deg)}}@keyframes pearl-drift-bottom{to{transform:translate(-4px,-6px) rotate(177deg)}}
@media(max-width:800px){.pearl-desk{grid-template-columns:1fr;padding:35px 24px 60px;gap:28px}.pearl-portrait{position:relative;top:auto;display:grid;grid-template-columns:95px 1fr;gap:4px 20px;text-align:left;align-items:center}.pearl-portrait-frame{width:95px;grid-row:span 2;padding:6px}.pearl-portrait>p{margin:0;font-size:30px}.pearl-portrait>small{align-self:start}.pearl-portrait-drape{width:110px;left:-10px;top:-15px}.pearl-chapters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}.pearl-chapters button{font-size:10px;padding:10px 8px;gap:6px}.pearl-sheet{padding:35px 25px;min-height:620px}.pearl-invitation{padding-top:55px;border-radius:95px 95px 4px 4px}.pearl-reply{padding-top:85px}.pearl-cover-letter{padding:32px 20px}.pearl-drape{width:280px}.pearl-drape-top{top:-30px;left:-50px}.pearl-drape-bottom{bottom:-40px;right:-55px}.pearl-cover{padding:45px 30px}.pearl-desk-bar{padding:15px 20px}.pearl-desk-bar p{font-size:12px}.pearl-desk-bar button{font-size:10px}.pearl-reply .form-grid{grid-template-columns:1fr}.pearl-album{padding:25px 18px}.pearl-album .photo-gallery{gap:22px 14px}.pearl-album img{border-width:6px;border-bottom-width:20px}}
@media(max-width:380px){.pearl-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.pearl-cover-names{font-size:42px}.pearl-cover-letter{padding:25px 16px}.pearl-desk{padding:30px 18px 50px}.pearl-sheet{padding-left:20px;padding-right:20px}.pearl-page-controls button{padding:10px;font-size:10px}.pearl-programme .schedule article{grid-template-columns:55px 1fr}}
@media(max-height:500px) and (orientation:landscape){.pearl-cover{padding:25px}.pearl-cover-letter{padding:12px 25px;width:650px}.pearl-cover-names{font-size:40px;margin:8px}.pearl-cover-letter .pearl-kicker,.pearl-edition,.pearl-cover-rule{display:none}.pearl-seal{min-width:70px;min-height:70px;margin:12px auto}.pearl-open-hint{margin:8px}.pearl-drape{width:230px}}
@media(prefers-reduced-motion:reduce){.pearl-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pearl-opening .pearl-cover{opacity:0}}

.pearl-sheet:after{content:'';position:absolute;right:-28px;bottom:-25px;width:170px;height:155px;background:url("assets/pearl-heirloom/pearl-drape.webp?v=d5f2bc5ec1e4") center/contain no-repeat;transform:rotate(180deg);pointer-events:none;filter:drop-shadow(0 5px 4px #6a573324)}
.pearl-album .pearl-photo-open{background:transparent;border:0;padding:0;margin:0;min-width:0;display:block;cursor:zoom-in}.pearl-album .pearl-photo-open:nth-child(even) img{transform:rotate(3deg)}
.pearl-lightbox{max-width:94vw;max-height:94dvh;width:min(860px,94vw);background:#f5eedf;border:6px double #bba475;padding:18px;color:#443b32}.pearl-lightbox::backdrop{background:#352c24d9}.pearl-lightbox img{display:block;width:100%;height:min(65dvh,680px);object-fit:contain}.pearl-lightbox footer{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.pearl-lightbox button{min-height:44px;border:1px solid #ab936c;background:#806742;color:#fff7e8;padding:10px 14px;font:14px Georgia}.pearl-lightbox p{font:14px Georgia}.pearl-lightbox :focus-visible{outline:3px solid #806742;outline-offset:3px}

/* Give the invitation cover the entire preview viewport too. */
body:has(.pearl-experience) .demo-banner{display:none}
