:root{color-scheme:dark;--wine:#300812;--gold:#e6c98b;--cream:#fff0d3}*{box-sizing:border-box}html{background:#15050a}body{margin:0;color:var(--cream);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at top,#601525 0,#290811 50%,#120509 100%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe7a5;outline-offset:4px}[hidden]{display:none!important}.invitation main{width:min(100%,56.25svh);margin:auto}.stage{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:#1d050b}.stage video,.stage #opening,.stage #panel,.stage #panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage video{background:#18070a}#opening{z-index:3;overflow:hidden}.curtain{position:absolute;top:0;width:50.1%;height:100%;border:0;padding:0;background-image:url(assets/cortinas.png);background-size:200% 100%;touch-action:none;cursor:grab;will-change:transform}.curtain:active{cursor:grabbing}.curtain.left{left:0;background-position:left center}.curtain.right{right:0;background-position:right center}.curtain.settling{transition:transform .45s cubic-bezier(.22,.8,.32,1)}.opening-title,.gesture{position:absolute;left:7%;right:7%;text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.opening-title{top:15%;transition:opacity .4s}.opening-title p{font-size:clamp(9px,2.4vw,12px);letter-spacing:.24em}.opening-title h1{font-size:clamp(48px,14vw,76px);font-weight:normal;font-style:italic;margin:20px 0 7px;color:#f0d49a}.opening-title span{font-size:13px;letter-spacing:.32em}.gesture{bottom:19%;background:radial-gradient(ellipse,#1c0309b3,transparent 72%);padding:24px 0}.gesture p{font-size:clamp(16px,4vw,21px);line-height:1.5;margin:0}.gesture>div{font-size:28px;letter-spacing:.5em;margin:10px 0;color:var(--gold)}.gesture span{font-size:11px;vertical-align:middle}.gesture small{font-size:12px;letter-spacing:.04em}.dragged .opening-title{opacity:0}#playback{position:absolute;inset:0;z-index:2;pointer-events:none}#playback button{pointer-events:auto}#skip{position:absolute;bottom:3%;right:5%;padding:10px 14px;background:#19050bb8;border:1px solid #c3a36a66;border-radius:30px;font-size:12px}#resume{position:absolute;top:48%;left:15%;width:70%}#panel{z-index:4}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;top:72.8%;height:14.2%;width:17.5%;border-radius:45%;background:transparent}.hotspot:active{box-shadow:0 0 25px #e9c57a66}.rsvp{left:14.4%}.venue{left:32%}.dress{left:50.5%}.guide{left:68.3%}footer{text-align:center;padding:17px 20px 28px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:48px;border:1px solid #b98b49;border-radius:40px;padding:13px 24px;text-decoration:none;background:linear-gradient(120deg,#4d1320,#260710);color:#ffe6b1;box-shadow:inset 0 0 0 3px #dcba7510;font:16px Georgia;cursor:pointer}.quiet{background:none;border:0;font:13px Georgia;color:#d6bc94;cursor:pointer;padding:13px}.gift{width:100%;max-width:360px}footer .quiet{display:block;margin:8px auto 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* As páginas internas são texto real, com leitura e rolagem no celular. */
.inside{padding:28px 20px 48px}.page{width:min(100%,560px);margin:auto;border:1px solid #b58c4e77;padding:clamp(24px,7vw,42px);position:relative;box-shadow:inset 0 0 0 6px #b58c4e0d,0 20px 70px #0004;background:linear-gradient(145deg,#3d0c17d9,#1d070def)}.page:before{content:'';position:absolute;inset:9px;border:1px solid #c59b502b;pointer-events:none}.back{display:inline-block;text-decoration:none;font-size:14px;margin-bottom:30px;padding:8px 0;color:#e3c591}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#cfaa6e}.page h1{font-size:clamp(32px,8vw,44px);font-weight:normal;line-height:1.15;margin:12px 0 18px;color:#f1d49a}.intro{font-style:italic;font-size:18px;line-height:1.6;color:#efdcbb}.divider{width:54px;border:0;border-top:1px solid #ad8243;margin:27px 0}.page h2{font-weight:normal;font-size:21px;color:#f0d399;margin:26px 0 9px}.page p,.page li{font-size:17px;line-height:1.7}.page ul{padding-left:20px}.page .pill{margin-top:24px;width:100%}.signature{text-align:center;font-style:italic;font-size:32px!important;color:var(--gold);margin-top:36px}.page small{font-size:13px;line-height:1.6;display:block;color:#c9b599}.page-nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;font-size:14px}.page-nav a{text-underline-offset:5px}.note{padding:13px 16px;border-left:1px solid #c79e57;background:#d6af5810}.page strong{font-weight:normal;color:#ffe5ad}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.completed #experience{width:min(100%,calc((100svh - 150px)*.5625))}.completed .hotspots{z-index:10;pointer-events:auto}.completed .hotspot{pointer-events:auto;touch-action:manipulation;top:71.5%;height:16.5%;width:19%}.completed .rsvp{left:13.6%}.completed .venue{left:31.2%}.completed .dress{left:49.7%}.completed .guide{left:67.5%}.nav-hint{font:12px Georgia;margin:0 0 12px;color:#d6bc94}footer{padding-top:10px;padding-bottom:12px}footer .quiet{padding:8px;margin-top:5px}.gift-card{border:1px solid #b58c4e66;border-radius:14px;overflow:hidden;margin:20px 0;background:#fff0dc07}.gift-card img{display:block;width:100%;height:230px;object-fit:contain;background:#f9f6ef}.gift-card .card-copy{padding:17px}.gift-card h2{margin:0 0 8px;font-size:23px}.gift-card p{margin:7px 0;font-size:16px}.gift-card a{font-size:15px;text-underline-offset:4px}.gift-card .pill{margin-top:12px}.size-tag{display:inline-block;border:1px solid #c39d5b88;border-radius:20px;padding:4px 12px;font-size:13px;color:#ecd0a0}.pix-art{display:grid;place-items:center;height:160px;background:radial-gradient(ellipse,#6b2035,#21070f);color:#f2d797;font-size:47px;font-style:italic;letter-spacing:.05em}.pix-key{font-family:monospace!important;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #b58c4e66;padding:15px;border-radius:8px}.copy-status{min-height:24px;text-align:center;font-size:14px!important}.source-note{font-size:12px!important;color:#c9b599}.source-note a{font-size:12px}
.music-toggle{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));right:12px;border:1px solid #d8b46e99;border-radius:25px;padding:10px 14px;min-height:44px;background:#250810ed;color:#ffe7b7;box-shadow:0 3px 20px #0005;font:13px Georgia;cursor:pointer}.extra-modal{padding:0;width:min(100%,620px);height:94svh;max-height:94svh;max-width:100%;border:1px solid #a9854b;border-radius:12px;background:#250810;color:#ffe7b7;overflow:hidden}.extra-modal::backdrop{background:#100307d9}.extra-modal[open]{display:flex;flex-direction:column}.extra-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #a9854b66;min-height:54px;font:14px Georgia}.extra-modal header button{border:0;background:none;color:#ffe7b7;padding:8px;font:14px Georgia;cursor:pointer}.extra-modal iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#250810}@media(max-width:480px){.extra-modal{margin:auto 0;width:100%;height:100svh;max-height:100svh;border-radius:0}}
.completed #experience{width:min(100%,calc((100svh - 45px)*.5625))}.panel-actions{position:absolute;z-index:10;left:11%;right:11%;top:71.5%;height:17.5%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5%;padding:3.2% .8% 1%;background:radial-gradient(ellipse at 50% 0,#3f0512 0,#2c020a 65%,#230208 100%);border-radius:8px;box-shadow:0 0 9px 7px #2c020ad9}.panel-actions a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;text-align:center;touch-action:manipulation;min-width:0;font-size:clamp(8px,2.5vw,13px);line-height:1.2;color:#f5dfb2}.jewel{width:88%;aspect-ratio:1/1.16;display:grid;place-items:center;border-radius:48%;border:2px solid #d7b16c;background:radial-gradient(ellipse,#631326 0,#330811 62%,#17040a 100%);box-shadow:inset 0 0 0 2px #69400f,inset 0 0 0 4px #d8b271,0 0 0 1px #5a360c,0 3px 8px #0008}.jewel svg{width:54%;fill:none;stroke:#f0d498;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000)}.panel-actions a:active .jewel{box-shadow:0 0 16px #edcd83b0}.completed footer{padding:0 12px 4px}.completed footer .quiet{margin:0 auto;padding:7px}
.completed #experience{width:min(100%,56.25svh)}.panel-quote{position:absolute;z-index:5;left:13%;right:13%;top:45.5%;margin:0;height:12%;display:flex;align-items:center;justify-content:center;text-align:center;font:italic clamp(17px,4.5vw,27px)/1.5 Georgia,'Times New Roman',serif;color:#f4deaf;text-shadow:0 2px 6px #0006}.panel-actions{background:transparent;box-shadow:none}#panel{animation:panel-reveal .4s ease-out}@keyframes panel-reveal{from{opacity:0}to{opacity:1}}