:root{--paper:#f1e9da;--ink:#48352e;--wine:#723a42;--gold:#c3a675}html{scroll-behavior:smooth}body{overflow:hidden;background:var(--paper);color:var(--ink)}body.revealed{overflow:auto}main{display:block;padding:0;background:var(--paper);min-height:100vh}.sound{position:fixed;top:20px;left:20px;z-index:9;background:#271c1ce6;color:#f6e8cf;border:1px solid #c3a67570;border-radius:40px;padding:10px 16px;font:16px system-ui;cursor:pointer;opacity:0;visibility:hidden}.revealed .sound{opacity:1;visibility:visible}.sound[aria-pressed=true]{box-shadow:0 0 0 4px #c3a67520}.hero{min-height:100svh;position:relative;display:grid;place-items:center;background:#261e1b;color:#f3e9d6;overflow:hidden;text-align:center;padding:100px 24px 55px}.photo{position:absolute;inset:0;background:linear-gradient(90deg,#211916dd,#21191670,#211916bb),url('scene.jpg') center 46%/cover;opacity:.64;transform:scale(1.03)}.hero-content{position:relative;z-index:1;width:100%;max-width:900px}.eyebrow{font-size:17px;line-height:1.9;margin:0 0 25px;color:var(--gold)}.occasion{font-size:23px;margin:0 0 20px}.hero h1{display:flex;align-items:center;justify-content:center;gap:30px;margin:8px 0 22px;font-weight:400;line-height:1.7}.name{font-size:clamp(76px,12vw,150px);font-weight:400}.amp{font-size:34px;color:#d7b984}.fine-line{width:110px;height:1px;background:linear-gradient(90deg,transparent,#c3a675,transparent);margin:10px auto 26px}.intro{font-size:24px;line-height:1.9;margin:0 0 22px}.date{font-size:21px;color:#dec5a0}.explore{display:inline-flex;flex-direction:column;gap:4px;margin-top:24px;color:#f3e9d6;text-decoration:none;font-size:17px}.explore span{font-size:25px;animation:float 2s infinite}.enter,.name,.amp{opacity:0;transform:translateY(20px)}.revealed .enter,.revealed .name,.revealed .amp{animation:arrive 1.2s forwards}.revealed .groom{animation-delay:.1s}.revealed .bride{animation-delay:.4s}.revealed .amp{animation-delay:.7s}.revealed .intro{animation-delay:.5s}.revealed .date{animation-delay:.7s}.revealed .explore{animation-delay:.9s}.sparkles{position:absolute;inset:0;pointer-events:none}.sparkles span{position:absolute;background:#f9e2b0;width:3px;height:3px;border-radius:50%;box-shadow:0 0 10px #f5c776;animation:glow 6s infinite}.section{padding:95px max(24px,calc((100% - 1100px)/2));text-align:center}.section h2{font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1.7;margin:0 0 18px}.section .eyebrow{color:#845144;margin-bottom:15px}.text{font-size:22px;line-height:1.9;color:#746354}.countdown{direction:rtl;display:flex;align-items:center;justify-content:center;gap:24px;margin:42px auto 12px}.countdown div{min-width:65px;display:flex;flex-direction:column;gap:5px}.countdown b{font-family:Georgia,serif;font-size:46px;font-weight:400;color:var(--wine);font-variant-numeric:tabular-nums}.countdown span{font-size:17px;color:#75604c}.countdown i{font-style:normal;color:#b6a080;font-size:24px;align-self:flex-start;padding-top:10px}.count-note{font-size:17px;color:#75604c}.details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #bca58666;border-bottom:1px solid #bca58666;padding:35px 0;gap:25px}.details article+article{border-right:1px solid #bca58666}.number{color:#96764f;font-size:16px}.details h3{font-size:19px;font-weight:400;color:#806850;margin:10px 0}.details p{font-size:19px;line-height:1.8;margin:4px 0}.details .major{font-size:25px}.map-link{display:inline-block;margin-top:18px;color:#783944;text-decoration:none;border-bottom:1px solid #9d6d60;padding-bottom:6px;font-size:17px}.video-section{background:#342824;color:var(--paper);display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center}.video-section .eyebrow{color:#d0b58c}.video-section .text{color:#dac8b0}.video-frame{padding:9px;border:1px solid #a58a5b88;box-shadow:0 22px 60px #0004}.video-frame video{width:100%;height:auto;aspect-ratio:512/910;object-fit:contain}.video-heading{text-align:right}footer{text-align:center;padding:65px 24px;background:#e9decb}footer p{font-size:21px;color:#7c6650}footer div{font-size:48px;line-height:1.8}footer div span{font-size:25px;color:#92634f}footer small{font-size:16px;letter-spacing:3px;color:#7c6650}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible{outline:3px solid #b69260;outline-offset:7px}
@keyframes arrive{to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,100%{opacity:0;transform:translateY(12px)}50%{opacity:.7;transform:translateY(-12px)}}@keyframes float{50%{transform:translateY(5px)}}
@media(min-width:850px){.photo{background-size:auto,auto 150%;background-repeat:no-repeat;background-position:center,24% 44%}.hero{min-height:850px;height:100svh}.hero-content{padding-right:27%}}
@media(max-width:650px){.hero h1{gap:16px}.name{font-size:78px}.intro{font-size:21px}.hero{padding-top:90px}.section{padding:70px 22px}.countdown{gap:10px}.countdown div{min-width:52px}.countdown b{font-size:37px}.details{grid-template-columns:1fr;padding:5px 0;gap:0;margin-top:42px}.details article{padding:27px 0}.details article+article{border-right:0;border-top:1px solid #bca58666}.video-section{grid-template-columns:1fr;gap:30px}.video-heading{text-align:center}.video-frame{width:min(100%,350px);margin:auto}.sound{top:14px;left:14px;padding:9px 13px}.sound span{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}