:root{
 --ivory:#fffaf6;--paper:#fffdfb;--peach:#edb6a2;--peach-deep:#c77f69;--rose:#a45f53;--ink:#543c37;--gold:#b08a54;--line:#dfc6b5;--soft:#f7e7df;
 --serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;--script:"Great Vibes",cursive
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:-1;background-image:radial-gradient(var(--peach) .65px,transparent .65px);background-size:14px 14px}
.hidden{display:none!important}.intro{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff 0%,#fff5ef 62%,#f3d6c9 100%);padding:24px}.envelope-button{border:0;background:transparent;cursor:pointer;padding:0;max-width:440px;width:90%;filter:drop-shadow(0 20px 26px #9e6e5b24)}.envelope-art{height:280px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f5d1c2,#fff4ed 45%,#e9b6a3);border:1px solid #d9a48f;overflow:hidden}.envelope-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.7%,#d9a48f 50%,transparent 50.5%),linear-gradient(225deg,transparent 49.7%,#d9a48f 50%,transparent 50.5%);opacity:.7}.envelope-flap{position:absolute;top:-1px;left:0;width:100%;height:55%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#fff3ec,#edc1b0);border-bottom:1px solid #d9a48f;transform-origin:top;transition:transform .8s ease}.envelope-monogram{font:42px var(--script);z-index:1;color:#8b5145}.envelope-instruction{z-index:1;letter-spacing:.22em;text-transform:uppercase;font-size:10px;margin-top:14px}.intro-hint{font:italic 20px var(--serif);color:#9b7064}.opening-video{display:none;position:fixed;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:50}.opening-video.active{display:block}.intro.opening .envelope-flap{transform:rotateX(180deg)}
.invitation{max-width:980px;margin:0 auto;background:rgba(255,253,251,.83);box-shadow:0 0 80px #b77d5e13;overflow:hidden;position:relative}.invitation:before{content:"";position:absolute;inset:16px;border:1px solid var(--line);pointer-events:none;z-index:0}.invitation>*{position:relative;z-index:1}.top-ornament{text-align:center;color:var(--gold);font-size:42px;padding-top:25px}.section-frame{padding:60px clamp(28px,7vw,90px);text-align:center;position:relative}.hero{padding-top:35px;min-height:750px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#fff 0%,#fffaf6 70%)}.hero:before,.date-section:before,.timeline-section:before,.stay-section:before,.rsvp-section:before{content:"❦";position:absolute;color:#d9a58e;opacity:.55;font-size:30px;left:50%;top:18px;transform:translateX(-50%)}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;color:var(--peach-deep);font-weight:600;margin:0 0 12px}.script-title{font:clamp(52px,9vw,92px)/1 var(--script);font-weight:400;color:var(--rose);margin:0 0 10px}.ornament-rule{display:flex;align-items:center;gap:12px;color:var(--gold);width:min(300px,70%);margin:12px auto 22px}.ornament-rule:before,.ornament-rule:after{content:"";height:1px;background:var(--line);flex:1}.inviting-line{font:italic 21px/1.5 var(--serif);max-width:520px;margin:0 auto 24px}.name-block{margin:8px 0}.script-name{font:clamp(46px,8vw,72px)/1.08 var(--script);color:#a96155;margin:4px 0}.family-line{font:16px var(--serif);letter-spacing:.03em;margin:4px 0}.parents-line{font-size:15px;color:#8a6a60}.ampersand{font:italic 21px var(--serif);color:var(--gold);margin:4px 0}.hero-blessing{font:italic 17px var(--serif);margin:28px 0 35px;color:#8d6b61}.scroll-cue{font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#b38b7d;display:flex;align-items:center;gap:10px;flex-direction:column}.scroll-cue span{height:32px;width:1px;background:var(--peach-deep)}
.section-title{font:clamp(42px,7vw,62px)/1.1 var(--script);color:var(--rose);font-weight:400;margin:0 0 12px}.section-subtitle{font:italic 18px var(--serif);color:#92766c;margin:0 auto 32px}.date-section{background:linear-gradient(180deg,#fff7f2,#fffdfb)}.scratch-row{display:flex;justify-content:center;gap:clamp(12px,4vw,40px);margin:28px auto 10px}.scratch-item{display:flex;align-items:center;flex-direction:column;gap:12px}.heart-wrap{width:clamp(88px,17vw,140px);height:clamp(88px,17vw,140px);position:relative;display:grid;place-items:center}.heart-wrap:before{content:"";position:absolute;inset:12% 10%;background:#f3d4c7;transform:rotate(-45deg);border-radius:12px;box-shadow:0 6px 15px #b57c6820}.heart-wrap:after{content:"";position:absolute;inset:12% 10%;background:#f3d4c7;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(-18%) scaleX(1.0);border-radius:50%}.heart-value{position:relative;z-index:1;font:clamp(23px,4vw,38px) var(--serif);color:#8f4d42;letter-spacing:.04em}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair;clip-path:polygon(50% 96%,42% 88%,25% 73%,10% 57%,3% 41%,5% 27%,14% 16%,27% 12%,39% 17%,50% 29%,61% 17%,73% 12%,86% 16%,95% 27%,97% 41%,90% 57%,75% 73%,58% 88%)}.scratch-label{font-size:10px;letter-spacing:.2em;color:var(--peach-deep);font-weight:600}.date-format{font-size:10px;letter-spacing:.3em;color:#b18c7c;margin-top:22px}
.timeline-section{background:#fffdfb}.timeline{position:relative;max-width:750px;margin:40px auto 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,var(--gold) 8%,var(--gold) 92%,transparent)}.timeline-row{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;min-height:220px;gap:12px}.timeline-divider{height:100%;display:flex;align-items:center;justify-content:center;position:relative;color:var(--gold);font-size:18px}.timeline-divider span{background:var(--ivory);border:1px solid var(--gold);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;z-index:1}.function-card{padding:15px 8px}.function-art{width:84px;height:84px;border:1px solid #d9b7a4;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font:40px var(--serif);color:#b77a67;background:radial-gradient(circle,#fff 0%,#f9e7df 100%);box-shadow:inset 0 0 0 5px #fff9f5}.function-card h3{font:clamp(27px,4vw,38px) var(--script);font-weight:400;color:var(--rose);margin:0 0 4px}.function-caption{font:italic 14px var(--serif);color:#9b7a70;margin:0}.event-details{padding:18px 8px;font:15px/1.8 var(--serif);color:#81645b}.event-details p{margin:0}.event-details .event-date{font-size:20px;color:#a45f53;font-weight:600}
.stay-section{background:#fff7f2}.info-panel{max-width:560px;margin:25px auto 0;border:1px solid var(--line);outline:1px solid #ead9cc;outline-offset:5px;padding:28px 24px;background:#fffdfb}.info-panel h3{font:32px var(--script);font-weight:400;color:var(--rose);margin:0 0 10px}.info-panel p{font:15px/1.8 var(--serif);margin:4px 0}
.family-section{padding-top:35px;padding-bottom:30px}.name-list-block{padding:28px 0;border-bottom:1px solid #ead8cc}.name-list-block:last-child{border-bottom:0}.name-list{font:18px/1.9 var(--serif);white-space:pre-line;color:#76574e}.name-list .name{display:block}
.rsvp-section{background:linear-gradient(180deg,#fff8f3,#fffdfb)}.rsvp-list{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:30px auto 35px}.rsvp-card{border:1px solid var(--line);background:#fffdfb;min-width:200px;padding:15px 20px}.rsvp-card strong{display:block;font:24px var(--script);font-weight:400;color:var(--rose);margin-bottom:6px}.rsvp-card a{color:#8a6257;text-decoration:none;font-size:13px;letter-spacing:.04em}.rsvp-card a:hover{text-decoration:underline}.location-bookmarks{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.location-bookmark{display:flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--gold);padding:12px 16px;color:#855e51;font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.location-bookmark span{font-size:19px;color:var(--gold)}.location-bookmark:hover{background:#f8e8df}.footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;color:var(--gold);font:25px var(--serif)}.footer p{font:italic 17px var(--serif);color:#98776c}
@media(max-width:600px){.invitation:before{inset:8px}.section-frame{padding:54px 24px}.hero{min-height:690px}.timeline-row{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:3px;min-height:205px}.timeline-divider span{width:25px;height:25px;font-size:13px}.function-art{width:62px;height:62px;font-size:30px}.function-card{padding:10px 1px}.function-caption{font-size:12px}.event-details{font-size:12px;padding:10px 3px;line-height:1.7}.event-details .event-date{font-size:16px}.family-line{font-size:14px}.rsvp-card{min-width:100%;}.location-bookmarks{flex-direction:column}.location-bookmark{justify-content:center}.envelope-art{height:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}