/* Two self-contained scenes; no changes to the invitation's underlying design. */
.mi-intro{--mi-ready:1;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:55px 24px 28px;border:0;background:transparent;overflow:hidden;isolation:isolate;flex-direction:column;align-items:center;justify-content:center}
.mi-intro:not([open]){display:none!important}.mi-intro[open]{display:flex}.mi-intro::backdrop{background:transparent}html:has(#modern-opening[open]){overflow:hidden;scrollbar-gutter:stable}
.mi-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 15%,#fff8efaa,transparent 55%),radial-gradient(ellipse at 90% 95%,#d7aabb66,transparent 60%),#f5e7eb}
.mi-skip{position:absolute;top:20px;right:max(24px,4vw);z-index:10;padding:0}
.mi-intro .mi-skip button{display:inline-flex;width:auto;margin:0;padding:10px 0;gap:18px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:11px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.mi-romantic{color:#633e50}.mi-heading{text-align:center;margin-bottom:38px}.mi-heading>p:first-child,.mi-small{font:8px/1.7 Manrope,Arial,sans-serif;letter-spacing:2.5px}.mi-intro .mi-heading h2{font:400 50px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:16px 0;color:#633e50}.mi-heading #mi-description{font:12px/1.8 Manrope,Arial,sans-serif;color:#896776;margin:0}
.mi-book{width:min(580px,calc(100vw - 56px));aspect-ratio:1.55;position:relative;perspective:1400px;flex:none}
.mi-card{position:absolute;inset:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;background:#fffaf5;border:1px solid #dbbdc4;box-shadow:0 22px 50px #68415325;transform-origin:center}
.mi-card::before{content:'';position:absolute;inset:12px;border:1px solid #dbc5ca;pointer-events:none}.mi-card .mi-small{color:#8b6576;margin:0 0 17px}.mi-card-names{font:400 48px/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere}.mi-card-names span{display:block}.mi-card-names i{display:block;font-size:28px;color:#ad7b90;margin:6px 0}.mi-card-date{font:9px/1.8 Manrope,Arial,sans-serif;letter-spacing:1px;margin:20px 0 0;color:#876575}.mi-script{font:italic 24px 'Cormorant Garamond',Georgia,serif;margin:14px 0 0;color:#aa7b8d}
.mi-door{position:absolute;top:0;bottom:0;width:50%;z-index:2;background:linear-gradient(120deg,#fffaf4,#f1e2de 55%,#faf2e9);border:1px solid #d5b6bc;box-shadow:inset 0 0 35px #fff8ef,0 15px 30px #60384620;backface-visibility:visible}
.mi-door-left{left:0;transform-origin:left center;border-radius:3px 0 0 3px}.mi-door-right{right:0;transform-origin:right center;border-radius:0 3px 3px 0}.mi-door::after{content:'';position:absolute;inset:11px;border:1px solid #cba9b17a;pointer-events:none}.mi-door svg{position:absolute;left:6%;bottom:5%;width:62%;height:78%;color:#b58b99;opacity:.8}.mi-door-right svg{left:auto;right:6%;transform:rotate(180deg)}
.mi-front-names{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 17%;text-align:center;font:400 41px/1.12 'Cormorant Garamond',Georgia,serif;pointer-events:none;overflow-wrap:anywhere}.mi-front-names i{font-size:25px;color:#ad7b90;margin:9px 0}.mi-front-names small{font:7px/1.8 Manrope,Arial,sans-serif;letter-spacing:1.8px;margin-top:25px}
.mi-actions{text-align:center;margin-top:35px;position:relative;z-index:4}.mi-intro .mi-open{display:inline-flex;width:auto;align-items:center;justify-content:space-between;gap:35px;min-width:270px;max-width:100%;margin:0;padding:18px 24px;border:1px solid #633e50;background:#633e50;color:#fff8f4;font:11px/1.5 Manrope,Arial,sans-serif;cursor:pointer}.mi-intro .mi-open:disabled{cursor:default}.mi-actions>p{font:italic 23px/1.4 'Cormorant Garamond',Georgia,serif;color:inherit;margin:20px 0 0}.mi-intro button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.mi-is-opening .mi-heading,.mi-is-opening .mi-front-names,.mi-is-opening .mi-actions{animation:mi-copy-away 250ms ease-out both;pointer-events:none}.mi-is-opening .mi-door-left{animation:mi-door-left 1100ms cubic-bezier(.23,.65,.2,1) both}.mi-is-opening .mi-door-right{animation:mi-door-right 1100ms cubic-bezier(.23,.65,.2,1) both}.mi-is-opening .mi-card{animation:mi-card-reveal 1800ms cubic-bezier(.24,.6,.2,1) both}.mi-romantic.mi-is-opening .mi-backdrop{animation:mi-copy-away 800ms 1000ms both}
@keyframes mi-copy-away{to{opacity:0}}
@keyframes mi-door-left {
  0%, 8% { transform: rotateY(0); }
  56% { opacity: 1; }
  100% { transform: rotateY(-157deg); opacity: 0; }
}
@keyframes mi-door-right {
  0%, 14% { transform: rotateY(0); }
  60% { opacity: 1; }
  100% { transform: rotateY(157deg); opacity: 0; }
}
@keyframes mi-card-reveal {
  0%, 24% { opacity: 0; transform: scale(.94); }
  43%, 62% { opacity: 1; transform: scale(1); }
  86% { opacity: .64; }
  100% { opacity: 0; transform: translate(var(--mi-dx, 0px), var(--mi-dy, -60px)) scale(var(--mi-scale, 1.7)); }
}
.mi-editorial{color:#f4f2ed;perspective:1700px;padding-top:45px}.mi-editorial .mi-backdrop{background:radial-gradient(ellipse at 20% 15%,#3b3b3a,transparent 65%),#191a1c}.mi-magazine{position:relative;width:min(440px,calc(100vw - 64px),calc((100dvh - 200px) * .74));aspect-ratio:.74;max-height:calc(100dvh - 200px);background:#f2f0e8;box-shadow:16px 22px 70px #0009,-2px 0 0 #84827b;transform-origin:left center;transform:rotateY(var(--mi-drag,0deg));transition:transform 180ms ease;touch-action:pan-y;user-select:none;color:#171818;border:1px solid #c9c7bf;padding:22px;flex:none;cursor:grab;isolation:isolate}.mi-magazine:active{cursor:grabbing}
.mi-mag-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:start;gap:10px;border-top:5px solid #192f9c;padding-top:11px}.mi-intro .mi-mag-top h2{font:600 clamp(24px,3vw,37px)/.9 Manrope,Arial,sans-serif;letter-spacing:-1.8px;margin:0;color:#192f9c}.mi-mag-top>span{font:7px/1.7 Manrope,Arial,sans-serif;letter-spacing:1px;text-align:right}
.mi-mag-photo{position:absolute;inset:23% 0 0;width:100%;height:69%;object-fit:cover;filter:grayscale(1);z-index:-1;background:#b3b1ac}.mi-mag-names{position:absolute;left:20px;right:20px;bottom:15%;font:500 clamp(28px,4vw,56px)/.98 Manrope,Arial,sans-serif;letter-spacing:-2px;color:#fff;text-shadow:0 2px 20px #0008;overflow-wrap:anywhere}.mi-mag-names>span{display:block}.mi-mag-names>span:nth-child(2){margin-left:12%}.mi-mag-bottom{position:absolute;bottom:0;left:0;right:0;min-height:8%;padding:12px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#192f9c;color:#fff;font:7px/1.6 Manrope,Arial,sans-serif;letter-spacing:1px}.mi-mag-bottom>span:last-child{max-width:58%;text-align:right}.mi-mag-spine{position:absolute;left:-18px;top:30%;font:7px Manrope,Arial,sans-serif;letter-spacing:1.6px;writing-mode:vertical-rl;color:#a5a8b0;transform:rotate(180deg)}
.mi-editorial .mi-actions{margin-top:20px}.mi-editorial .mi-actions>p{font:10px/1.6 Manrope,Arial,sans-serif;margin:0 0 15px;letter-spacing:1px}.mi-editorial .mi-open{background:#f4f2ed;color:#171818;border-color:#f4f2ed}.mi-editorial.mi-is-opening .mi-magazine{transition:none;animation:mi-page-turn 1500ms cubic-bezier(.23,.63,.2,1) both}.mi-editorial.mi-is-opening .mi-backdrop{animation:mi-copy-away 1100ms 400ms ease both}
@keyframes mi-page-turn{0%{transform:rotateY(var(--mi-turn-start,0deg));opacity:1}70%{opacity:1}100%{transform:translateX(-12%) rotateY(-125deg);opacity:0}}
.mi-intro[data-mi-long] .mi-front-names{font-size:28px;padding-inline:12%}.mi-intro[data-mi-long] .mi-card-names{font-size:30px}.mi-intro[data-mi-long] .mi-mag-names{font-size:32px;letter-spacing:-1px}
.mi-replay[hidden]{display:none!important}.hero h1:has(>span:empty),.modern-editorial .cover h1:has(>span:empty){visibility:hidden}.hero h1[data-mi-focus]:focus,.modern-editorial .cover h1[data-mi-focus]:focus{outline:none}
@media(max-width:700px){.mi-intro{padding:60px 21px 28px}.mi-heading{margin-bottom:31px}.mi-intro .mi-heading h2{font-size:36px;max-width:300px}.mi-heading #mi-description{font-size:11px}.mi-heading>p:first-child{font-size:7px;letter-spacing:2px}.mi-book{width:calc(100vw - 48px);aspect-ratio:1.18}.mi-front-names{font-size:34px;padding-inline:16%}.mi-front-names small{font-size:6px;letter-spacing:1px;margin-top:20px}.mi-card{padding:18px}.mi-card-names{font-size:33px}.mi-card .mi-small{font-size:6px;letter-spacing:1.3px}.mi-card-date{font-size:8px;margin-top:14px}.mi-script{font-size:21px}.mi-actions{margin-top:29px}.mi-intro .mi-open{min-width:260px;gap:25px;font-size:10px}.mi-actions>p{font-size:21px}.mi-editorial{padding-top:60px}.mi-magazine{padding:17px;width:min(360px,calc(100vw - 56px),calc((100dvh - 190px) * .74));max-height:calc(100dvh - 190px)}.mi-intro .mi-mag-top h2{font-size:30px}.mi-mag-top>span{font-size:6px}.mi-mag-names{font-size:40px;left:17px;right:17px}.mi-mag-bottom{font-size:6px;padding:11px 14px}.mi-intro[data-mi-long] .mi-front-names{font-size:23px}.mi-intro[data-mi-long] .mi-card-names{font-size:25px}.mi-intro[data-mi-long] .mi-mag-names{font-size:25px}.personal-toolbar .mi-replay{grid-column:1/-1}}
@media(max-height:650px){.mi-intro{overflow:auto;justify-content:flex-start;padding-top:60px}.mi-heading{margin-bottom:18px}.mi-heading #mi-description{display:none}.mi-book{width:min(430px,calc(100vw - 48px));aspect-ratio:1.55}.mi-intro .mi-heading h2{font-size:31px}.mi-actions{margin-top:22px}.mi-magazine{width:min(300px,calc(100vw - 56px));max-height:none}}
@media(prefers-reduced-motion:reduce){.mi-intro *{animation:none!important;transition:none!important}}