@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap";
:root{--ivory:#fbfaf7;--paper:#fff;--beige:#f3eadb;--sand:#e8dcc6;--gold:#b8964b;--gold-light:#c9a961;--ink:#37332d;--muted:#817a70;--line:#ded2bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.hero{text-align:center;background:linear-gradient(135deg,#fff 0%,#fbfaf7 55%,#f3eadb 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.hero-frame{border:1px solid var(--line);outline-offset:5px;outline:1px solid #c8a96147;flex-direction:column;justify-content:center;align-items:center;width:min(100%,680px);min-height:calc(100svh - 48px);padding:48px 22px;display:flex}.monogram{letter-spacing:.1em;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:24px}.monogram span{color:#b9aa8a;font-style:italic}.eyebrow{letter-spacing:.22em;color:var(--gold);font-size:10px;font-weight:500;line-height:1.8}.hero .eyebrow{margin:52px 0 15px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Cormorant Garamond,serif;font-weight:400}h1{color:#514638;margin:0;font-size:clamp(56px,12vw,94px);line-height:.86}h1 i{color:var(--gold-light);font-size:.65em;font-weight:400}h2{color:#514638;margin:12px 0 20px;font-size:clamp(38px,8vw,60px);line-height:1.02}.ornament{color:var(--gold);align-items:center;gap:14px;margin:30px 0;font-size:13px;display:flex}.ornament span{background:var(--gold-light);width:42px;height:1px}.tagline{color:#6b6256;font-family:Cormorant Garamond,serif;font-size:23px;line-height:1.35}.button{border:1px solid var(--gold);background:var(--gold);color:#fff;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;padding:13px 22px;font-size:10px;transition:all .2s;display:inline-flex}.button:hover{background:#a98742}.button-outline{color:#877144;background:0 0}.button-outline:hover{color:#fff}.date-line{letter-spacing:.2em;color:#8d8577;margin:52px 0 0;font-size:9px}.date-line b{color:var(--gold);padding:0 8px}.section{text-align:center;padding:100px 24px}.welcome{background:var(--paper)}.body-copy{color:#706a60;max-width:540px;margin:0 auto 20px;font-size:14px;line-height:1.9}.welcome h2{margin-bottom:24px}.signature{color:var(--muted);margin:34px 0 0;font-size:12px;line-height:1.8}.signature span{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:26px}.countdown{background:#f7f3ec}.countdown h2{font-size:clamp(34px,7vw,50px)}.count-grid{grid-template-columns:repeat(4,minmax(60px,104px));justify-content:center;gap:10px;margin:32px auto 18px;display:grid}.count-box{border:1px solid var(--line);background:#fff;padding:17px 8px 13px}.count-box strong{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:35px;font-weight:400;display:block}.count-box span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.small-note,.venue-subtitle{color:var(--muted);letter-spacing:.08em;font-size:11px}.schedule{background:var(--paper)}.timeline{text-align:left;max-width:520px;margin:45px auto 0}.timeline-item{border-bottom:1px solid #eee9df;grid-template-columns:42px 1fr 14px;align-items:center;gap:15px;min-height:82px;display:grid}.timeline-number{color:var(--gold-light);font-family:Cormorant Garamond,serif;font-size:22px}.timeline-item h3{margin:0 0 4px;font-family:Cormorant Garamond,serif;font-size:21px;font-weight:500}.timeline-item p{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin:0;font-size:10px}.timeline-star{color:var(--gold-light);font-size:10px}.location{background:var(--beige)}.map-card{background:linear-gradient(145deg,#eee5d5,#e1d2b7);border:1px solid #b8964b4d;flex-direction:column;justify-content:center;align-items:center;width:min(100%,430px);height:220px;margin:35px auto 24px;display:flex;position:relative;overflow:hidden}.map-card:before,.map-card:after{content:"";background:#b8964b42;width:150%;height:1px;position:absolute;transform:rotate(-17deg)}.map-card:after{transform:rotate(28deg)}.map-mark{z-index:1;color:#fff;background:var(--gold);border-radius:50% 50% 50% 0;place-items:center;width:35px;height:35px;font-size:13px;display:grid;position:relative;transform:rotate(-45deg);box-shadow:0 4px 15px #92734255}.map-card p{z-index:1;color:#736951;margin:12px 0 0;font-family:Cormorant Garamond,serif;font-size:18px;position:relative}.map-card strong{font-size:25px;font-weight:500}.address{color:#766e61;margin-bottom:22px;font-size:12px;line-height:1.8}.dress{background:var(--paper)}.avoid-colors{flex-wrap:wrap;justify-content:center;gap:20px 24px;max-width:500px;margin:35px auto;display:flex}.color-item{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.color-swatch{border:1px solid #c9c1b4;border-radius:50%;width:23px;height:23px;position:relative}.color-swatch:after{content:"";background:var(--gold);height:2px;position:absolute;top:10px;left:-3px;right:-3px;transform:rotate(-42deg)}.photos{background:#f7f3ec}.qr-placeholder{border:1px solid var(--line);width:170px;height:170px;color:var(--gold);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:34px auto 0;display:flex}.qr-placeholder span{font-size:35px}.qr-placeholder small{letter-spacing:.14em;font-size:8px;line-height:1.7}.gifts{background:var(--paper)}.gifts .body-copy+.body-copy{margin-top:18px}.rsvp{background:linear-gradient(#f4eddf,#fbf8f2);padding-bottom:85px}footer{text-align:center;color:#f8f4eb;letter-spacing:.15em;background:#6d614c;padding:22px 10px;font-size:8px}footer span{color:#d8bd7c;padding:0 10px}@media (min-width:700px){.section{padding:125px 30px}.hero-frame{padding:55px}.hero .eyebrow{margin-top:60px}.timeline-item{min-height:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.rsvp-form{text-align:left;max-width:480px;margin:38px auto 0}.field-label{letter-spacing:.08em;color:#716858;margin:22px 0 9px;font-size:11px;display:block}.field-label span{color:#928b7f;letter-spacing:0}.rsvp-form input:not([type=radio]),.rsvp-form textarea,.admin-login input{width:100%;color:var(--ink);background:#fffdfa;border:1px solid #d8cbb3;border-radius:0;padding:13px 14px;font:300 14px DM Sans,sans-serif;display:block}.rsvp-form input:focus,.rsvp-form textarea:focus,.admin-login input:focus{border-color:var(--gold);outline:2px solid #c9a96166}.rsvp-form fieldset{border:0;margin:22px 0;padding:0}.rsvp-form legend{padding:0}.choice{color:#5e584e;cursor:pointer;align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.choice input{accent-color:var(--gold);width:16px;height:16px}.rsvp-form textarea{resize:vertical;min-height:90px}.rsvp-submit{cursor:pointer;justify-content:center;width:100%;margin-top:22px;font-family:DM Sans,sans-serif}.rsvp-submit:disabled,.admin-login button:disabled{opacity:.65;cursor:wait}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-message{text-align:center;color:#8e5147;min-height:1.5em;margin:13px 0 0;font-size:12px}.form-message.success{color:#57724f}.admin-page{max-width:820px;min-height:100vh;margin:auto;padding:42px 22px 80px}.back-link{color:#817a70;margin-bottom:44px;font-size:12px;display:inline-block}.admin-page h1{margin-bottom:24px;font-size:clamp(40px,8vw,60px)}.admin-login{border:1px solid var(--line);background:#fff;max-width:420px;padding:22px}.admin-login .button{cursor:pointer;margin-top:16px}.admin-count{color:#716858;margin:38px 0 14px;font-size:13px}.export-button{cursor:pointer}.response-list{margin-top:18px}.response-card{border:1px solid var(--line);text-align:left;background:#fff;margin:12px 0;padding:18px 20px}.response-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.response-heading h2{margin:0;font-size:27px}.attendance{letter-spacing:.07em;text-transform:uppercase;font-size:10px}.attendance.yes{color:#58734e}.attendance.no{color:#8e5147}.response-card p{color:#6e675d;margin:13px 0;font-size:12px;line-height:1.7}.response-card small{color:#958d80;font-size:10px}.invite-gate{text-align:center;background:linear-gradient(135deg,#fff 0%,#fbfaf7 55%,#f3eadb 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.gate-card{border:1px solid var(--line);outline-offset:5px;background:#ffffff80;outline:1px solid #c8a96147;flex-direction:column;justify-content:center;align-items:center;width:min(100%,680px);min-height:calc(100svh - 48px);padding:34px 22px;display:flex}.gate-card .eyebrow{margin:22px 0 14px}.envelope-art{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#eee4d2,#e5d5b9);border:1px solid #cdb98f;place-items:center;width:170px;height:108px;margin:28px auto 2px;display:grid;position:relative;box-shadow:0 12px 30px #67563b18}.envelope-art:before,.envelope-art:after{content:"";clip-path:polygon(0 0,50% 58%,100% 0);background:#f7f0e4;position:absolute;inset:0}.envelope-art:after{clip-path:polygon(0 100%,50% 44%,100% 100%);background:#e9dcc5}.envelope-seal{z-index:1;background:var(--gold);color:#fff;letter-spacing:.04em;border-radius:50%;place-items:center;width:36px;height:36px;font:500 10px Cormorant Garamond,serif;display:grid;position:relative}.invitee-label{color:#8a806e;letter-spacing:.17em;text-transform:uppercase;max-width:480px;margin:12px auto 4px;font-size:10px;line-height:1.7}.invitee-label strong{letter-spacing:.02em;color:#5b5142;text-transform:none;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:500}.hero-invitee{margin-top:22px}.date-reveal{background:var(--beige)}.scratch-card{color:#9e8246;letter-spacing:.5em;background:linear-gradient(135deg,#d8c394,#eee2c6);border:1px solid #d4c19a;place-items:center;width:min(100%,400px);height:100px;margin:24px auto;font-size:20px;display:grid}.rsvp-for{border:1px solid var(--line);color:#817a70;background:#f7f3ec;padding:16px;font-size:11px;line-height:1.8}.rsvp-for strong{color:#5b5142;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500;display:block}.admin-section-title{margin:44px 0 6px;font-size:34px}.admin-help{color:#817a70;font-size:12px;line-height:1.7}.invite-admin-card .invite-url{overflow-wrap:anywhere}.invite-admin-card .invite-url a{color:#8f743d;text-decoration:underline}.response-family{letter-spacing:.12em;text-transform:uppercase;color:#a2854e!important;margin:0 0 4px!important;font-size:9px!important}