html,body{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
:root{color-scheme:light;--pine:#203f35;--paper:#f4f0e6;--gold:#b69a58}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e6e5df;color:var(--pine)}body{font-family:Jost,sans-serif;font-weight:300}.scene{min-height:100svh;display:grid;place-items:center;padding:24px}.scene[hidden]{display:none}.paper{position:relative;width:min(100%,500px);aspect-ratio:9/16;background:var(--paper);box-shadow:0 25px 80px #203f3518;overflow:hidden}.paper>img{width:100%;height:100%;object-fit:cover;display:block}.cover-type{position:absolute;top:14%;left:12%;right:12%;text-align:center}.eyebrow{font-size:12px;letter-spacing:.2em;line-height:1.7}.collection{font-family:'Cormorant Garamond',serif;font-size:38px;line-height:1.2;margin:22px 0}.tiny{font-size:10px;letter-spacing:.18em}.seal{position:absolute;left:42%;top:55%;width:16%;aspect-ratio:1;border:1px solid #b69a5888;border-radius:50%;color:var(--pine);background:radial-gradient(circle,#faf5e9,#dfcfab);box-shadow:0 3px 8px #463e282b;cursor:pointer;font:19px 'Cormorant Garamond',serif;transition:transform .5s}.seal:hover{transform:scale(1.06)}.opening-hint{position:absolute;bottom:10%;width:100%;text-align:center;font-size:12px;letter-spacing:.1em}.hero-type{position:absolute;left:19%;right:19%;top:23%;text-align:center}.hero-type .eyebrow{font-size:10px;letter-spacing:.13em}.hero-type h1{font:400 clamp(48px,9vw,74px)/.93 'Cormorant Garamond',serif;margin:23px 0}.hero-type h1 span{display:block;font-size:27px;font-style:italic;color:var(--gold);margin:10px}.invitation{font-size:13px;line-height:1.8}.date{margin:24px auto 17px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;letter-spacing:.08em}.date strong{font:400 39px 'Cormorant Garamond',serif;border-inline:1px solid #b69a5866;padding:0 14px}.venue{font:400 20px/1.5 'Cormorant Garamond',serif}.venue span{font:300 12px Jost,sans-serif}.hero-note{position:absolute;bottom:4%;width:100%;text-align:center;font:italic 16px 'Cormorant Garamond',serif}#gold{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.controls{position:fixed;right:22px;bottom:20px;display:flex;gap:8px;z-index:5}.controls button{font:400 12px Jost,sans-serif;letter-spacing:.04em;padding:11px 15px;border:1px solid #203f3533;background:#f4f0e6e8;color:var(--pine);cursor:pointer}.controls button[hidden]{display:none}button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.opening .paper{animation:unfold 1.25s ease-in-out both}.arrive .paper{animation:appear 1.8s ease both}.arrive .hero-type{animation:words 2s .4s both}@keyframes unfold{0%{opacity:1;transform:perspective(1000px) rotateX(0)}60%{opacity:.6;transform:perspective(1000px) rotateX(-12deg) scale(1.025)}100%{opacity:0;transform:translateY(-20px)}}@keyframes appear{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes words{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.scene{padding:0;background:var(--paper)}.paper{width:100%;box-shadow:none}.controls{bottom:10px;right:10px}.collection{font-size:32px}.hero-type{top:22%}.hero-type h1{font-size:60px}.date{margin:17px auto 12px;gap:8px}.invitation{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.cover-type{top:31%;left:24%;right:24%}.cover-type .eyebrow{font-size:10px}.cover-type .collection{font-size:30px;margin:12px 0}.cover-type .tiny{font-size:9px}.seal{top:49%;left:39%;width:22%;background:transparent;border:0;box-shadow:none}.seal span{opacity:0}.seal:hover{box-shadow:0 0 28px #b69a5866}.hero-type{top:26%}
.canva-stage-wrapper{position:relative;width:100%;max-width:540px;margin:0 auto;aspect-ratio:1080/1920;overflow:hidden;padding:0!important;background:none}.canva-stage{position:absolute;top:0;left:0;width:1080px;height:1920px;transform-origin:top left}.canva-bg{position:absolute;top:0;left:0;width:1080px;height:1920px;object-fit:cover;display:block}.canva-box{position:absolute;box-sizing:border-box;margin:0;padding:0;letter-spacing:0;line-height:1.15;text-align:center}
@media(max-width:540px){.canva-stage-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}
