:root{--grape:#2b1236;--grape2:#58305f;--ink:#201b1d;--paper:#f1e8d2;--leaf:#56623d;--rule:#a99e87;--serif:Georgia,"Times New Roman",serif;--sans:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--serif)}main,footer{max-width:1180px;margin:auto;padding-inline:32px}.hero{min-height:760px;height:92vh;max-height:940px;display:flex;flex-direction:column;justify-content:center;position:relative;border-bottom:1px solid var(--rule);overflow:hidden}.eyebrow,.section-number,.edition,label span{font:700 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}.eyebrow,.section-number{color:var(--leaf)}.edition{position:absolute;right:0;top:34px;color:var(--grape)}h1{margin:24px 0 34px;color:var(--grape);font-size:clamp(6rem,16vw,12rem);line-height:.62;letter-spacing:-.085em;font-weight:700;position:relative;z-index:1}h1 span,h1 em{display:block}h1 em{font-weight:400;margin-left:.48em}h1 b{font:700 clamp(1.3rem,2.3vw,2rem)/1 var(--sans);letter-spacing:.04em;position:absolute;left:6.2em;top:.2em}.hero-foot{display:flex;align-items:end;justify-content:space-between;gap:32px;position:relative;z-index:2}.when{font-size:1.18rem;line-height:1.5;margin:0}.button{border:0;background:var(--grape);color:var(--paper);padding:15px 18px;font:700 13px/1 var(--sans);text-decoration:none;cursor:pointer;display:inline-flex;gap:32px;justify-content:space-between;min-width:150px}.button:hover{background:var(--grape2)}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--leaf);outline-offset:4px}.grapes{position:absolute;right:3%;top:15%;width:270px;height:330px;transform:rotate(-9deg);opacity:.95}.grapes i{position:absolute;width:82px;height:82px;border:2px solid var(--grape);border-radius:50%;background:var(--paper)}.grapes i:nth-child(1){left:94px}.grapes i:nth-child(2){left:48px;top:55px}.grapes i:nth-child(3){left:138px;top:55px}.grapes i:nth-child(4){left:4px;top:112px}.grapes i:nth-child(5){left:94px;top:112px}.grapes i:nth-child(6){left:184px;top:112px}.grapes i:nth-child(7){left:50px;top:170px}.grapes i:nth-child(8){left:140px;top:170px}.grapes i:nth-child(9){left:95px;top:228px}section{display:grid;grid-template-columns:180px 1fr;gap:42px;padding:100px 0;border-bottom:1px solid var(--rule)}section>div{max-width:760px}h2{font-size:clamp(3.8rem,8vw,7.2rem);line-height:.83;letter-spacing:-.055em;margin:0 0 38px;color:var(--grape)}h2 i{font-weight:400}section p:not(.section-number):not(.status){font-size:1.2rem;line-height:1.6;max-width:560px}.bring{background:var(--grape);color:var(--paper);margin-inline:-32px;padding-inline:32px}.bring .section-number{color:#b7c09c}.bring h2{color:var(--paper)}.bring .recipe{display:inline-flex;gap:40px;color:var(--paper);font:700 12px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;margin-top:24px;text-underline-offset:5px}.rsvp form{display:grid;grid-template-columns:2fr 1fr;gap:22px;max-width:680px}.rsvp label{display:grid;gap:9px}.rsvp button{grid-column:1/-1;justify-self:start;margin-top:8px}.rsvp input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 2px;font:1.3rem var(--serif);border-radius:0;color:var(--ink)}.rsvp input::placeholder{color:#746b67}.status{grid-column:1/-1;min-height:1.4em;margin:0;font:12px var(--sans)}.confirmation{border-left:4px solid var(--leaf);padding-left:24px}.confirmation h3{font-size:3rem;color:var(--grape);margin:.3em 0}.calendar-actions{display:flex;gap:24px;flex-wrap:wrap}.calendar-actions a{color:var(--grape);font:700 12px var(--sans);text-transform:uppercase;text-underline-offset:4px}footer{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:60px;color:var(--leaf);font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase}@media(max-width:700px){main,footer{padding-inline:20px}.hero{height:auto;min-height:690px}.edition{top:24px}.grapes{width:180px;height:220px;right:-5%;top:13%;transform:scale(.68) rotate(-9deg);transform-origin:top right}h1{font-size:clamp(5.5rem,27vw,8rem);margin-top:36px}h1 b{left:auto;right:.1em;top:.15em}.hero-foot{align-items:start;flex-direction:column}.hero .button{margin-top:8px}section{grid-template-columns:1fr;gap:24px;padding:64px 0}.bring{margin-inline:-20px;padding-inline:20px}h2{font-size:clamp(3.7rem,18vw,6rem)}.rsvp form{grid-template-columns:1fr}.rsvp button{width:100%}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}