@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Kalam:wght@400;700&display=swap');
:root{--cream:#fff8e9;--ink:#65462f;--rust:#a64f32;--honey:#e6b85b;--sage:#7c8659}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.8;overflow-x:clip}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23987952' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}main{max-width:1300px;margin:auto}h1,h2,.subtitle,.signature{font-family:'Kalam',cursive}h1{font-size:clamp(76px,8.4vw,126px);line-height:1.12;font-weight:700;letter-spacing:-5px;margin:12px 0 0;color:var(--rust)}h2{font-size:clamp(31px,4vw,47px);line-height:1.3;font-weight:400;margin:10px 0 20px}p{margin:12px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.7px;font-weight:600}.edge{height:22px;background-color:#d58d64;background-image:linear-gradient(90deg,#fff7df66 50%,transparent 50%),linear-gradient(#fff7df66 50%,transparent 50%);background-size:24px 24px}.hero{padding:70px 6% 65px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:770px}.hero-copy{position:relative}.subtitle{font-size:32px;margin-top:0}.intro{max-width:450px;margin:25px 0 30px}.portrait{position:relative}.portrait img{width:100%;height:570px;object-fit:cover;border-radius:48% 48% 44% 44% / 35% 35% 24% 24%;box-shadow:0 0 0 10px #f5e7c8,0 0 0 12px #cdb88e77}.seal{position:absolute;bottom:3px;left:-18px;width:104px;height:104px;border-radius:50%;background:#e9bd62;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Kalam,cursive;font-size:53px;line-height:1;transform:rotate(-9deg);outline:1px dashed #997545;outline-offset:-7px}.seal small{font-size:19px}.scroll{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:18px}.scroll span{font-size:25px}.bee{display:inline-block;font-size:32px;animation:fly 7s ease-in-out infinite}.hero .bee{position:absolute;right:5px;top:8px}.date{text-align:center;padding:65px 20px 25px;background:radial-gradient(ellipse,#f8e7c7,transparent 66%)}.date-line{display:flex;justify-content:center;align-items:center;gap:25px}.big{font-family:Kalam,cursive;font-size:113px;line-height:1.3;color:var(--rust)}.date-line h2{margin:0;font-size:37px}.date-line p{margin:0;font-size:21px}.dot{padding:0 13px;color:var(--rust)}.sprig{font-size:28px;color:var(--sage);margin:30px}.count-section{text-align:center;padding:35px 20px 80px}.count-section h2{font-size:32px}.countdown{display:flex;justify-content:center;align-items:flex-start;gap:18px;margin-top:32px}.countdown div{min-width:72px}.countdown b{font-family:Kalam,cursive;color:var(--rust);font-size:54px;line-height:1.3;font-weight:400}.countdown span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.countdown i{font-size:28px;font-style:normal;color:#b08b59}.place{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:35px 6% 65px;gap:50px}.illustration img{width:100%;height:auto;mix-blend-mode:multiply}.place-copy{max-width:360px}.place h2{font-size:58px;color:var(--rust);margin:5px 0 12px}.tiny{font-size:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--rust);color:#fffaf0;text-decoration:none;border-radius:50px;padding:14px 29px;min-height:54px;font-weight:600;font-size:15px;box-shadow:0 5px 0 #73371f19;margin-top:20px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#8f4028}.button:active{transform:scale(.97)}a:focus-visible{outline:3px solid var(--sage);outline-offset:6px}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.gifts{text-align:center;position:relative;padding:65px 24px 80px;background:linear-gradient(transparent,#f3e8cf88,transparent)}.gifts>p{max-width:590px;margin:20px auto}.ornament{font-size:51px;color:var(--sage)}.sizes{display:flex;justify-content:center;gap:55px;margin:38px auto 0}.sizes>div{display:flex;align-items:center;text-align:left;gap:17px}.sizes svg{width:50px;fill:none;stroke:#a66d45;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sizes span{font-size:12px;text-transform:uppercase;letter-spacing:1px}.sizes strong{display:block;font-weight:500;text-transform:none;font-size:16px;letter-spacing:0}.rsvp{text-align:center;padding:65px 24px 90px;position:relative}.rsvp h2{font-size:48px;color:var(--rust)}.rsvp>p:not(.eyebrow){max-width:460px;margin:20px auto}.rsvp .button{padding:16px 35px}footer{text-align:center;padding:35px 24px 0;max-width:600px;margin:auto}footer>p{font-size:16px}.signature{font-size:28px;margin:26px 0 35px}.footer-art{color:var(--sage);font-size:42px;letter-spacing:17px}.bottom{margin-top:25px}.leaf{position:absolute;pointer-events:none;color:#a9814d77;font-size:90px;animation:sway 9s ease-in-out infinite}.l1{top:55px;left:0;transform:rotate(30deg)}.l2{top:960px;right:10px;transform:rotate(-40deg)}@keyframes fly{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(12px,-13px) rotate(8deg)}}@keyframes sway{50%{translate:0 15px;rotate:6deg}}.reveal.enter{animation:appear .8s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:none}}@media(min-width:1500px){body{background-color:#fff8e9}}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:35px;padding:45px 25px 45px;min-height:0;text-align:center}.hero-copy{display:contents}h1{font-size:82px;letter-spacing:-4px;margin:0}.hero .eyebrow{margin:0;font-size:10px;letter-spacing:2px}.subtitle{font-size:27px;margin-top:-38px;margin-bottom:0}.hero .bee{position:absolute;top:140px;right:20px;font-size:25px}.portrait{grid-row:4;margin:0 auto;width:min(100%,360px)}.portrait img{height:415px}.seal{width:83px;height:83px;left:0;font-size:43px}.seal small{font-size:16px}.intro{margin:0 auto;max-width:350px;font-size:15px}.scroll{justify-content:center;font-size:9px;letter-spacing:1.5px}.date{padding-top:40px}.date-line{gap:18px}.big{font-size:91px}.date-line h2{font-size:29px}.date-line p{font-size:18px}.eyebrow{font-size:10px;letter-spacing:1.8px}.count-section{padding-bottom:35px}.count-section h2{font-size:29px}.countdown{gap:9px}.countdown div{min-width:57px}.countdown b{font-size:43px}.countdown span{font-size:9px;letter-spacing:1px}.countdown i{font-size:24px}.place{grid-template-columns:1fr;gap:10px;padding:25px 24px 45px;text-align:center}.illustration{max-width:420px;margin:auto}.place-copy{margin:auto}.place h2{font-size:48px}.place-copy>p:not(.eyebrow){font-size:15px}.gifts{padding:35px 25px 45px}.gifts h2{font-size:30px}.gifts>p{font-size:15px}.sizes{flex-direction:column;gap:25px;width:max-content;max-width:100%;margin-top:30px}.sizes strong{font-size:15px}.rsvp{padding:45px 24px 55px}.rsvp h2{font-size:38px}.rsvp>p:not(.eyebrow){font-size:15px}footer{padding-top:25px}footer>p{font-size:14px}.signature{font-size:24px}.leaf{font-size:55px}.l2{top:1160px;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){h1{font-size:clamp(62px,20vw,82px)}.hero .bee{top:235px;right:12px;font-size:24px}}