@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f7f3e9;--ink:#293b2b;--green:#344d37;--muted:#74766a;--line:#d8d9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b46b3e;outline-offset:6px}header,main,footer{max-width:1320px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 64px}.brand{font:italic 23px 'Playfair Display',Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{margin-left:14px;font:28px Georgia}.edition,.eyebrow,.micro,.divider,.ticket-top,.ticket-bottom,footer{font-size:10px;letter-spacing:1.7px}.edition{color:var(--muted)}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:40px 64px 72px;gap:30px}.eyebrow{font-weight:600;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a4af76;margin-right:7px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(58px,5.7vw,82px);letter-spacing:-3px;line-height:1.07;margin:27px 0}em{font-weight:400;color:#809060}.question{color:#a2ad7f}.lead{font-size:15px;line-height:1.9;color:#6a7063;margin:0 0 28px}.primary{border:0;background:var(--green);color:#fffdf2;border-radius:5px;padding:18px 24px;font-size:12px;transition:transform .2s,background .2s}.primary:hover{background:#4d6346;transform:translateY(-3px)}.primary span{margin-left:26px}.micro{font-size:10px;letter-spacing:.1px;color:#87897b;margin-top:15px}.art{position:relative;height:470px;transform:rotate(-5deg);isolation:isolate}.art:before{content:'';position:absolute;width:400px;height:400px;background:#eae9d7;border-radius:50%;top:48px;left:10px;z-index:-1}.letter-peek{position:absolute;left:68px;top:60px;background:#fffcf4;padding:29px 33px 90px;width:290px;transform:rotate(11deg);box-shadow:0 3px 20px #49553612}.letter-peek>span:first-child{font-size:10px;letter-spacing:3px}.letter-peek p{font:25px/1.5 'Playfair Display',Georgia,serif}.handwritten{font:italic 20px 'Playfair Display',Georgia,serif;color:#879268}.envelope{position:absolute;top:239px;left:40px;width:360px;height:205px;background:#b9c39d;border-radius:3px;box-shadow:0 18px 35px #384a3220;overflow:hidden}.envelope:before,.envelope:after{content:'';position:absolute;bottom:0;width:0;height:0;border-style:solid}.envelope:before{left:0;border-width:103px 0 103px 185px;border-color:transparent transparent transparent #cbd2b5}.envelope:after{right:0;border-width:103px 185px 103px 0;border-color:transparent #d6dcc3 transparent transparent}.fold{position:absolute;bottom:0;border-left:180px solid transparent;border-right:180px solid transparent;border-bottom:130px solid #c3cbaa;z-index:1}.seal{position:absolute;z-index:2;left:154px;top:95px;background:#f6f1df;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;font-size:29px;box-shadow:0 2px 5px #0001}.spark{position:absolute;right:20px;top:40px;font:75px Georgia;color:#8e9e6d}.orbit{position:absolute;font:italic 18px 'Playfair Display',Georgia,serif;color:#7e876c}.orbit-one{top:10px;left:30px;transform:rotate(-10deg)}.orbit-two{bottom:-9px;right:20px;transform:rotate(8deg)}.postmark{position:absolute;right:0;bottom:61px;border:1px solid #6b7859;border-radius:50%;width:98px;height:98px;display:grid;place-content:center;text-align:center;font-size:8px;line-height:1.6;letter-spacing:1px;transform:rotate(20deg);z-index:3}.divider{margin:0 64px;border-block:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;color:#858879;font-size:8px}.possibilities,.note{padding:85px 64px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}h2{font-size:45px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ticket{border:1px solid #d5d8c0;background:#e9eddc;border-radius:4px;text-align:left;padding:25px 24px 0;color:var(--ink);transition:transform .25s,box-shadow .25s}.ticket:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 16px 24px #293b2b0c}.ticket.peach{background:#f2e2d5;border-color:#e5d1c0}.ticket.lavender{background:#e9e6ef;border-color:#d9d3e2}.ticket-top{font-size:8px;letter-spacing:1.3px}.ticket-icon{display:block;font:49px Georgia;margin:30px 0 19px}.ticket h3{font-size:23px;margin:0 0 10px}.ticket p{font-size:11px;color:#717765;margin:0 0 30px}.ticket-bottom{border-top:1px dashed #a8af99;display:flex;justify-content:space-between;padding:18px 0;font-size:7px;letter-spacing:1px}.ticket-bottom b{font-size:18px}.choice{text-align:center;padding:40px 20px 88px}.little-star{font-size:43px;color:#8c9b6d}.choice h2{font-size:50px}.choice>p:not(.eyebrow):not(.micro){font-size:14px;color:var(--muted)}.actions{display:flex;justify-content:center;gap:12px;margin:28px 0 17px}.secondary{background:transparent;border:1px solid #c8ceba;border-radius:5px;padding:16px 24px;font-size:12px;color:var(--green)}.secondary:hover{background:#e8ecde}footer{border-top:1px solid var(--line);padding:25px 64px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:var(--muted)}footer a{color:var(--muted);text-decoration:none;font-size:8px;letter-spacing:1px}.note{background:#eeefdf;margin:35px 64px 0;padding:40px;scroll-margin-top:25px}.note-copy{max-width:650px;font-size:15px;line-height:1.95}.signature{font-family:Georgia,serif;font-style:italic;color:#65764e}#response{max-width:520px;margin:25px auto 0;font:22px/1.5 'Playfair Display',Georgia,serif}#response small{display:block;font:12px/1.7 'DM Sans',sans-serif;color:var(--muted);margin-top:10px}dialog{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:44px;max-width:500px;width:calc(100% - 36px)}dialog::backdrop{background:#20302088;backdrop-filter:blur(5px)}dialog h2{font-size:32px}dialog>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted)}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;color:var(--ink)}.confetti{position:fixed;z-index:10;top:-20px;pointer-events:none;animation:fall 2.5s ease-in forwards;font-size:20px}@keyframes fall{to{transform:translateY(105vh) rotate(300deg);opacity:0}}@media(min-width:1400px){.hero{min-height:740px}}@media(max-width:800px){header{height:85px;padding:0 25px}.edition{font-size:7px}.brand{font-size:19px}.hero{padding:30px 25px 55px;grid-template-columns:1fr;gap:20px}.intro{z-index:2}h1{font-size:65px}.art{width:420px;max-width:100%;margin:auto;height:475px;transform:scale(.85) rotate(-5deg);transform-origin:center center;margin-top:-10px;margin-bottom:-30px}.divider{margin:0 25px;font-size:6px;gap:20px;line-height:1.7}.possibilities{padding:55px 25px}.section-heading{display:block}h2{font-size:36px}.tickets{grid-template-columns:1fr}.ticket{padding:24px 25px 0}.ticket-icon{margin:20px 0 12px}.ticket h3{font-size:27px}.ticket p{font-size:13px}.ticket-top{font-size:9px}.ticket-bottom{font-size:8px}.choice h2{font-size:39px}.actions{flex-direction:column;max-width:300px;margin:25px auto}.note{margin:20px 25px 0;padding:28px}.choice{padding-bottom:60px}footer{padding:24px 25px;gap:25px;line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}