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%}
#details{width:min(100%,500px);margin:0 auto;background:var(--paper)}#details[hidden]{display:none}.chapter{position:relative;padding:76px 38px;text-align:center;overflow:hidden;border-top:1px solid #b69a5825}.chapter h2{position:relative;font:400 39px/1.15 'Cormorant Garamond',serif;margin:18px 0 28px}.chapter p{position:relative;font-size:16px;line-height:1.9}.chapter .eyebrow{font-size:12px}.chapter .small{font-size:13px;line-height:1.7;opacity:.75}.chapter .signature{font:italic 32px 'Cormorant Garamond',serif}.ornament{width:70%;max-height:270px;object-fit:contain;margin-top:25px}.watermark{position:absolute;width:110%;left:15%;bottom:-5%;opacity:.055;pointer-events:none;filter:grayscale(1)}.pine{background:#203f35;color:#f4f0e6}.pine .eyebrow{color:#d5bc82}.action{position:relative;display:inline-block;padding:14px 24px;background:transparent;color:inherit;border:1px solid #b69a5888;font:400 14px Jost,sans-serif;cursor:pointer}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}.countdown strong{display:block;font:400 37px 'Cormorant Garamond',serif}.countdown span{font-size:11px;letter-spacing:.05em}.landscape{display:block;width:100%;margin:26px 0}.timeline{list-style:none;padding:0;text-align:left;position:relative}.timeline li{display:grid;grid-template-columns:85px 1fr;gap:16px;border-top:1px solid #b69a5844;padding:22px 0}.timeline time{font-size:13px;padding-top:4px;color:#86713f}.timeline h3{font:400 24px 'Cormorant Garamond',serif;margin:0}.timeline p{font-size:14px;line-height:1.7;margin:8px 0}.swatches{display:flex;justify-content:center;gap:25px;margin:30px 0}.swatches span{font-size:12px}.swatches span:before{content:'';display:block;width:45px;height:45px;border-radius:50%;background:var(--swatch);margin:0 auto 10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-grid figure{margin:0}.photo-placeholder{aspect-ratio:3/4;display:grid;place-items:center;border:1px solid #b69a5860;background:linear-gradient(145deg,#eeeadf,#dedfd4);font:italic 30px 'Cormorant Garamond',serif;color:#203f3577}.photo-grid figcaption{font-size:12px;line-height:1.5;margin-top:12px}.travel details{border-top:1px solid #b69a5844;padding:20px 0;text-align:left}.travel summary{font-size:16px;cursor:pointer}.travel details p{font-size:14px}form{position:relative;text-align:left}form label{display:block;font-size:14px;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b69a5866;border-radius:0;background:#ffffff66;color:var(--pine);font:16px Jost,sans-serif}form .action{width:100%}#reply{position:relative}.reveal{opacity:0;transform:translateY(22px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}body.reading #hero.scene{padding-bottom:0;min-height:0}body.reading #hero .paper{box-shadow:none}@media(max-width:540px){.chapter{padding:64px 28px}.chapter h2{font-size:35px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
:root{--pine:#174d3e;--paper:#f6efdf;--gold:#b99552}html,body{background:#eae2d2}.pine{background:#174d3e}.cover-type{top:30%}.cover-type .collection{color:#861e32;font-size:32px}.hero-type h1{color:#861e32}.hero-type{top:25%}.hero-type .eyebrow{color:#174d3e}.chapter:nth-child(4n){background:#efe5ce}.chapter h2{color:#861e32}.chapter.pine h2{color:#f6efdf}.event-tabs{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;position:relative}.event-tabs button{background:transparent;border:1px solid #b9955270;color:#174d3e;font:14px Jost,sans-serif;padding:10px 12px;cursor:pointer}.event-tabs button[aria-selected=true]{background:#861e32;color:#fff8e8;border-color:#861e32}#event-panel{position:relative;margin:25px 0;padding:35px 25px;border:1px solid #b99552;background:#fff8e8;box-shadow:5px 5px 0 #b9955225;min-height:330px}#event-panel h3{font:400 42px 'Cormorant Garamond',serif;color:#861e32;margin:10px 0 22px}#event-panel p{font-size:15px;line-height:1.8}#event-panel .event-number{font-size:12px;letter-spacing:.2em;color:#9e803f}.pass-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.pass-controls .action{font-size:12px;padding:11px 13px}#page-number{font-size:12px;white-space:nowrap}fieldset{border:1px solid #b9955266;padding:16px;margin:20px 0}fieldset label{display:flex;align-items:center;gap:10px;margin:9px 0}fieldset input{display:inline;width:18px;height:18px;margin:0;accent-color:#174d3e}legend{font-size:14px;padding:0 6px}.landscape{border:1px solid #b9955233}
.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}}
