:root{--ivory:#f8f6f0;--paper:#fffefa;--gold:#b69b6a;--goldlight:#d9c9a9;--ink:#645b4d;--sage:#899b89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Montserrat,sans-serif;font-weight:300}.page{max-width:760px;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 16px 65px #8f806c1a;min-height:100vh}.hero{position:relative;min-height:92svh;display:flex;align-items:center;justify-content:center;padding:34px 22px 40px;isolation:isolate;background:radial-gradient(circle at 48% 42%,#fff,#fdfcf8 60%,#f5f2e9)}.frame{position:relative;z-index:2;width:100%;max-width:620px;min-height:670px;border:1px solid #c4ac7d;outline:1px solid #dfd1b4;outline-offset:-11px;padding:70px 28px 58px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffefa8c;animation:appear 1.4s ease both}.cross-badge{width:62px;height:62px;margin:0 0 28px;color:var(--gold)}.cross-badge.small{width:34px;height:34px;margin:0 auto 18px}.tiny{font:500 10px/1.9 Montserrat,sans-serif;letter-spacing:3.5px;text-transform:uppercase;color:#aa946d}.intro{font-family:Cormorant Garamond,serif;font-size:21px;font-style:italic;margin:12px 0 3px;color:#897f6b}.event-line{font:500 10px/1.7 Montserrat,sans-serif;letter-spacing:3.3px;text-transform:uppercase;color:#b39a70;margin-top:10px}h1{font-family:Allura,cursive;font-weight:400;color:#a88e5e;font-size:clamp(85px,17vw,128px);line-height:.9;margin:20px 0 0}.surname{font:500 clamp(16px,3.6vw,23px)/1.35 "Cormorant Garamond",serif;letter-spacing:2.2px;color:#8a7654;margin:0 0 24px}.divider{height:1px;width:105px;background:var(--goldlight);margin:16px auto 25px}.date{font-family:Cormorant Garamond,serif;letter-spacing:2px;font-size:21px;color:#796c57}.hour{font:400 11px Montserrat,sans-serif;letter-spacing:3px;color:#a38d68;margin:9px 0 31px}.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 25px;border:1px solid var(--gold);background:#fff9;color:#897451;text-decoration:none;text-transform:uppercase;font:500 10px Montserrat,sans-serif;letter-spacing:2px;transition:background .3s,transform .3s;cursor:pointer}.outline-btn:hover{background:#f4ecdc;transform:translateY(-2px)}.botanical{position:absolute;pointer-events:none;z-index:1;opacity:.8;width:min(270px,42vw);filter:drop-shadow(0 7px 8px #8b957c1a)}.botanical.left{left:-63px;bottom:35px;transform:rotate(-12deg)}.botanical.right{right:-70px;top:38px;transform:scaleX(-1) rotate(-7deg);opacity:.45}.section{padding:75px 26px;text-align:center;position:relative}.eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:500}.heading{font:400 48px/1.05 Allura,cursive;color:#a58a5e;margin:16px 0 22px}.copy{font:400 22px/1.4 Cormorant Garamond,serif;max-width:520px;margin:0 auto 22px;color:#766b5c}.names{font:500 25px/1.4 Cormorant Garamond,serif;color:#6f6354;margin:10px 0 30px}.countdown{background:#f8f5ee;border-top:1px solid #e8dfcc;border-bottom:1px solid #e8dfcc}.clock{display:grid;grid-template-columns:repeat(4,1fr);max-width:430px;gap:10px;margin:30px auto 0}.number{font:400 clamp(25px,6vw,39px) "Cormorant Garamond",serif;color:#9c8056}.unit{font:500 9px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#817664;margin-top:5px}.clock-cell{padding:14px 2px;border:1px solid #dfd2bc;background:#fffefa}.place{max-width:490px;margin:0 auto 55px}.place:last-child{margin-bottom:0}.place-icon{width:30px;height:30px;color:#b39a70;margin:5px auto 8px;display:block}.place-title{font:500 28px Cormorant Garamond,serif;margin:15px 0 6px}.place-sub{font:400 17px/1.5 Cormorant Garamond,serif;margin:7px auto 24px;color:#897b68}.footer{padding:49px 20px 58px;text-align:center;background:#f6f2e9;border-top:1px solid #e8dfcc}.footer-name{font:400 65px Allura,cursive;color:#a58a5e;margin:8px 0}.footer-copy{font:400 19px Cormorant Garamond,serif;color:#857562}@keyframes appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.hero{padding:22px 19px;min-height:92svh}.frame{min-height:640px;padding:60px 15px 45px}.tiny,.event-line{letter-spacing:2.4px;font-size:9px}.section{padding:65px 20px}.botanical.left{left:-70px;bottom:25px}.botanical.right{right:-85px}.date{font-size:18px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame{animation:none}}.cover-page .hero{min-height:100svh}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.date,.hour,.copy,.place-sub,.footer-copy{font-variant-numeric:lining-nums}.number{font-variant-numeric:lining-nums tabular-nums}