@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color:#262523;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f1e9;font-family:DM Sans,sans-serif}body{background:#f5f1e9;min-width:320px;min-height:100vh}button,a,input{font:inherit}:root{--ink:#1d2921;--olive:#526345;--olive-soft:#e6e8da;--paper:#f8f6ee;--earth:#b47a5b;--line:#c9cfb9}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper)}button,a,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}.hero{background:radial-gradient(circle at 15% 20%, #fffdf7 0, transparent 30%), var(--paper);grid-template-columns:minmax(0,.9fr) minmax(20rem,.72fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:100svh;padding:5rem clamp(2rem,8vw,9rem);display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;border:1px solid #5263454d;border-radius:46% 46% 3% 3%/4% 4% 2% 2%;position:absolute;inset:1.4rem}.hero-orbit{display:none}.hero-content{z-index:1;max-width:38rem;padding-left:clamp(1rem,4vw,4rem);animation:.8s both reveal;position:relative}.hero-kicker,.section-heading>p,.modal-eyebrow,.card-label{color:var(--olive);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;line-height:1.4}.hero-heading{margin-bottom:.8rem}.hero-script{color:var(--earth);margin-bottom:-.9rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.5rem,8vw,6.7rem);font-style:italic;line-height:.9;display:block}.hero h1,.section-heading h2,.rsvp-modal h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}.hero h1{letter-spacing:-.04em;font-size:clamp(3.4rem,7vw,6.4rem);line-height:.9}.hero-date-block{justify-items:start;gap:.5rem;display:grid}.hero-date{color:var(--earth);letter-spacing:.18em;margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.countdown-label{color:#435538;letter-spacing:.06em;margin:.5rem 0 .35rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.1rem);font-style:italic;font-weight:800;animation:.5s both countdown-message-in}.countdown{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.countdown-item{background:#ffffff2e;border:1px solid #52634559;justify-items:center;width:4.8rem;min-width:4.8rem;padding:.5rem .4rem;display:grid}.countdown-item span{font-variant-numeric:tabular-nums;text-align:center;width:100%;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;display:block}.countdown-item small{color:var(--olive);letter-spacing:.12em;text-transform:uppercase;margin-top:.18rem;font-size:.6rem}.hero-photo{z-index:1;justify-self:end;width:min(100%,27rem);margin:0;position:relative;transform:rotate(2deg)}.hero-photo:before{content:"";border:1px solid var(--line);position:absolute;inset:-.8rem;transform:rotate(-5deg)}.hero-photo img{aspect-ratio:4/5;object-fit:cover;filter:sepia(.12)saturate(.82);width:100%;display:block}.hero-photo figcaption{color:var(--olive);text-align:center;margin-top:1.4rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.9rem);font-style:italic}.invitation-content{background:var(--paper);overflow:hidden}.section-shell{width:min(100% - 3rem,74rem);margin:0 auto;padding:clamp(5rem,10vw,9rem) 0}.day-section{padding-top:clamp(1rem,2vw,2rem);padding-bottom:clamp(.8rem,1.8vw,1.5rem)}.section-heading{text-align:center}.section-heading h2{letter-spacing:.01em;text-transform:uppercase;margin-top:.8rem;font-size:clamp(3.2rem,7vw,5.8rem);line-height:.9}.section-heading>span,.leaf-mark{color:var(--olive);margin:1.3rem auto 0;font-size:1.35rem;display:block}.day-section .section-heading>span{display:none}.event-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1rem;display:grid}.event-card{border:1px solid var(--line);background:#e6e8da8f;border-radius:.55rem;align-items:center;min-height:13rem;padding:1rem 2rem;display:flex}.event-card-body{text-align:center;flex-direction:column;align-items:center;width:100%;min-height:100%;padding-top:.8rem;display:flex}.event-card h3{color:var(--ink);text-transform:uppercase;margin:0 0 .85rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:500;line-height:1}.event-time{color:var(--olive);justify-content:center;align-items:baseline;gap:.35rem;margin:0 0 1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.6rem,2.5vw,2.3rem);display:flex}.event-time-value{font-size:1.4em;line-height:.9}.event-time small{letter-spacing:.04em;font-size:.52em}.event-place,.rsvp-copy,.success-message>p{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;line-height:1.35}.event-place{min-height:3.25rem}.event-link{color:#101a13;letter-spacing:.06em;text-transform:uppercase;background:#b3c1ab;border:1px solid #b3c1ab;border-radius:.8rem;justify-content:center;align-items:center;min-height:2.2rem;margin-top:auto;padding:.45rem .85rem;font-size:.65rem;transition:background .18s,color .18s,transform .18s;display:inline-flex}.event-link:hover{color:#101a13;background:#91a184;border-color:#91a184;transform:translateY(-2px)}.solid-button{border-color:var(--olive);background:var(--olive);color:var(--paper)}.outline-button:hover,.solid-button:hover{background:var(--earth);border-color:var(--earth);color:#fff;transform:translateY(-2px)}.dress-section{border:1px solid var(--line);background:#e6e8da8f;border-radius:.55rem;grid-template-columns:minmax(14rem,1.05fr) minmax(18rem,1.35fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1rem,3vw,2rem);display:grid}.dress-visual{border-right:2px solid #526345b3;place-items:center;min-height:26rem;padding:1rem;display:grid;position:relative}.dress-svg{width:min(100%,36rem);height:auto;display:block}.dress-copy{text-align:center;padding-left:clamp(.5rem,1vw,1.5rem)}.dress-title-group{justify-items:center;display:grid}.dress-title-group h2{color:var(--ink);letter-spacing:.03em;text-transform:uppercase;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,5vw,6rem);font-weight:500;line-height:.9}.dress-divider{justify-content:center;align-items:center;gap:1rem;width:min(100%,26rem);margin:1.2rem auto 1rem;display:flex}.rsvp-divider{width:min(100%,40rem)}.divider-line{background:#526345cc;width:100%;height:2px;display:block}.divider-mark{color:var(--olive);font-size:1.5rem;line-height:1}.dress-title{color:var(--ink);text-transform:none;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.95}.palette-button{color:#101a13;letter-spacing:.08em;text-transform:uppercase;background:#b3c1ab;border:1px solid #b3c1ab;border-radius:.8rem;justify-content:center;align-items:center;width:min(100%,24rem);min-height:4.2rem;margin-top:2.2rem;font-size:clamp(1rem,1.8vw,2rem);font-weight:400;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.palette-button:hover{background:#91a184;border-color:#91a184;transform:translateY(-2px)}.rsvp-section{border:1px solid var(--line);text-align:center;background:#e6e8da8f;border-radius:.55rem;width:min(100% - 3rem,74rem);margin:1rem auto 1.5rem;padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,4vw,3rem)}.rsvp-section .section-heading h2{font-size:clamp(2.6rem,5vw,6rem)}.rsvp-copy{margin:1.1rem auto;font-size:clamp(1.1rem,2vw,1.35rem)}.modal-invitation-name{color:var(--earth);text-align:center;margin:-1rem auto 1.4rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:500;line-height:1.1}.rsvp-section .solid-button{color:#101a13;letter-spacing:.06em;text-transform:uppercase;background:#b3c1ab;border-color:#b3c1ab;border-radius:.8rem;min-height:2.4rem;padding:.5rem 1.1rem;font-size:.72rem}.modal-backdrop{z-index:10;background:#1d29217a;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.rsvp-modal{border:1px solid var(--line);background:var(--paper);border-radius:1.5rem;width:min(100%,32rem);max-height:calc(100svh - 3rem);padding:clamp(2rem,6vw,3.5rem);position:relative;overflow:auto;box-shadow:0 1.5rem 4rem #1d29212e}.rsvp-modal .modal-eyebrow{font-size:.74rem}.rsvp-modal .status-eyebrow{letter-spacing:.14em;margin-bottom:.5rem;font-size:1rem}.rsvp-modal h2{margin:.7rem 0 2rem;font-size:3.2rem;line-height:.9}.modal-close{cursor:pointer;color:var(--olive);background:0 0;border:0;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.2rem}.guest-response{border:1px solid var(--line);background:#e6e8da6b;border-radius:.75rem;margin-top:1.5rem;padding:1rem 1.1rem 1.15rem}.guest-response h3{color:var(--ink);margin:0 0 .35rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:500;line-height:1}.rsvp-modal label{color:var(--olive);letter-spacing:.1em;text-transform:uppercase;gap:.45rem;margin-top:1rem;font-size:.78rem;display:grid}.rsvp-modal input,.rsvp-modal select{border:1px solid var(--line);outline-color:var(--earth);width:100%;color:var(--ink);background:#fff;border-radius:.75rem;padding:.9rem;font-size:1rem}.rsvp-modal .solid-button,.rsvp-modal .outline-button{border-color:var(--earth);background:var(--earth);color:#fff;border-radius:1rem}.rsvp-modal form .solid-button{border-radius:.45rem;width:100%;min-height:2.1rem;margin-top:1.8rem;padding:.35rem .8rem;font-size:.82rem}.success-message h2{margin-bottom:1.3rem;font-size:clamp(2rem,5vw,2.8rem);line-height:1.05}.success-message .success-thanks{color:var(--earth);margin:0 0 .6rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.8rem,5vw,2.6rem);font-style:italic;font-weight:600;line-height:1}.success-message .outline-button{border-radius:.45rem;min-height:2.1rem;margin-top:1.8rem;padding:.35rem .8rem;font-size:.62rem}@keyframes reveal{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes countdown-message-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.hero{flex-direction:column;gap:3rem;min-height:auto;padding:3rem 2rem 4rem;display:flex}.hero-content{text-align:center;width:100%;padding-left:0}.countdown-label{color:#30452f;-webkit-text-stroke:.25px #30452f;font-weight:800}.hero-date-block{justify-items:center}.countdown{justify-content:center}.hero-photo{align-self:center;width:min(80vw,21rem)}.scroll-cue{margin-top:2.5rem}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.event-card{text-align:center;min-height:14rem;padding:.5rem .85rem;display:flex}.event-card-body{padding-top:.5rem}.event-card h3{font-size:clamp(1.45rem,5vw,2rem)}.event-time{font-size:clamp(1.35rem,4.8vw,1.8rem)}.event-place{height:4.3rem;min-height:0;font-size:1.05rem}.event-link{letter-spacing:.03em;width:auto;margin-top:.7rem;padding:.4rem .7rem;font-size:.58rem}.dress-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:.75rem;padding:1rem .6rem 1.4rem;display:grid}.dress-visual{border-bottom:0;border-right:2px solid #526345b3;min-height:auto;padding:.4rem .2rem .45rem}.dress-svg{object-fit:contain;width:min(100%,18rem);max-height:18rem;margin:0 auto;display:block}.dress-copy{text-align:center;padding-left:0}.dress-title-group{justify-items:center}.dress-title-group h2{letter-spacing:.02em;text-align:center;font-size:clamp(1.2rem,4.4vw,2rem);line-height:1}.rsvp-section .section-heading h2{font-size:clamp(1.2rem,4.4vw,2rem)}.dress-divider{justify-content:center;width:min(100%,10.5rem);margin:.7rem auto .75rem}.rsvp-divider{width:min(100%,15rem)}.dress-title{text-align:center;font-size:clamp(1.4rem,5vw,2.2rem);line-height:1}.palette-button{letter-spacing:.05em;text-align:center;width:82%;max-width:15rem;min-height:2.5rem;margin-top:1rem;font-size:.62rem}}@media (width<=420px){.hero{padding-inline:1.3rem}.hero:before{inset:.7rem}.section-shell{width:min(100% - 2rem,74rem)}.event-card{padding-inline:.55rem}.event-card .card-label{letter-spacing:.12em;font-size:.58rem}.event-card .event-place{font-size:.98rem}.dress-svg{width:min(100%,18.5rem)}.dress-divider{gap:.5rem}.divider-mark{font-size:1.1rem}}
