/*
Theme Name: Rayven Little Blessing
Author: Rayven Media
Version: 1.0.3
Description: Blush baptism invitation with curtain video opener, editable details, RSVP and six-photo gallery.
Text Domain: rayven-little-blessing
*/
@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/01e4147cff8141ee-s.3huc2loe0ie8a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fcf1ec;--pink:#d48c93;--ink:#6e4b43;--muted:#8a6259}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;font-size:22px}body.intro{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3{margin:0;font-weight:400}button{border:0}main{width:min(100%,540px);margin:auto;overflow:hidden;container-type:inline-size}.script{font-family:'Pinyon Script',cursive;font-weight:400}.eyebrow,h3{font-family:Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:.28em;font-size:13px;line-height:1.6}.script{font-size:64px;color:var(--pink);line-height:1.15}#opener{position:fixed;inset:0;z-index:100;background:var(--paper);transition:opacity 1.4s ease}.cover-stage{position:relative;max-width:540px;height:100%;margin:auto;overflow:hidden}#cover-video,.hero video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#open-invitation{position:absolute;inset:0;width:100%;background:radial-gradient(ellipse 80% 24% at 50% 36%,#fff8f5bf,transparent),linear-gradient(to top,#fcf1eca6,transparent 24%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:27svh 20px 11svh;transition:opacity .9s}#open-invitation.started{opacity:0;pointer-events:none}.cover-heading{display:flex;align-items:center;flex-direction:column;gap:10px}.cover-name{font-size:clamp(58px,14vw,80px)}.cover-bow{width:176px}.tap{display:flex;align-items:center;flex-direction:column;gap:12px}.tap img{width:44px;animation:breathe 3s ease-in-out infinite}#skip{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);border:1px solid #e9b8b4;background:#fff8f5ba;border-radius:30px;padding:8px 22px;font-size:15px}.hero{height:100svh;min-height:530px;position:relative}.hero-copy{position:absolute;top:78%;width:100%;text-align:center;text-shadow:0 0 12px #fff8f5}.hero h1{font-size:56px;color:var(--ink)}.date{font-size:24px;letter-spacing:.18em;margin-top:10px}.scroll{position:absolute;bottom:12px;left:48%;text-decoration:none;color:var(--muted)}section{text-align:center}.welcome{position:relative;padding:90px 65px 85px;min-height:390px;background:radial-gradient(ellipse,#f6d4ce88,transparent 72%)}.welcome-bow{position:absolute;width:250px;top:0;left:50%;transform:translate(-50%,-45%)}.welcome p{position:relative;z-index:1;font-size:27px;line-height:1.4}.divider{color:#e3a3a7;margin:8px auto 18px}.divider:before,.divider:after{content:'';display:inline-block;width:60px;height:1px;background:#e3a3a7;vertical-align:middle;margin:0 12px}.bunny-left{position:absolute;bottom:0;left:0;width:30%}.bird{position:absolute;bottom:4%;right:3%;width:19%}.float{animation:float 6s ease-in-out infinite}.timeline{padding:28px 18px 55px}.timeline>h2{font-size:22px}.events{display:grid;grid-template-columns:1fr 12px 1fr;gap:10px;margin-top:25px;align-items:center}.events article{display:flex;flex-direction:column;align-items:center}.events img{height:145px;width:auto;object-fit:contain}.events .time{font-size:36px;margin-top:14px}.events h3{font-size:15px;margin:8px 0}.events i{font-size:19px;margin-top:4px}.event-divider{color:#e3a3a7}.pill,.send{display:inline-block;padding:11px 27px;border-radius:30px;border:1px solid #e9afae;background:linear-gradient(135deg,#f7d7d3,#edb7b5);box-shadow:0 8px 20px #d48c9340;color:#8a4f4c;text-decoration:none;font:12px Cinzel,serif;letter-spacing:.2em;text-transform:uppercase;margin-top:20px}.countdown{padding:16px 20px 35px;background:radial-gradient(ellipse,#f6d4ce55,transparent 70%)}.count-layout{display:grid;grid-template-columns:56% 44%;align-items:center;margin-top:20px}.count-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.count-unit{position:relative}.count-unit>span{position:absolute;inset:27% 10% 13%;display:flex;flex-direction:column;align-items:center;justify-content:center}.count-unit b{font-weight:400;font-size:36px;line-height:1}.count-unit small{font-size:17px}.gallery{padding:35px 25px 65px}.gallery h2{font-size:50px;margin:12px 0 25px}.gallery .eyebrow{font-size:10px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo{background:#fff8f5;border:1px solid #f0d2cd;padding:7px;box-shadow:0 8px 20px #d48c9318;aspect-ratio:4/5;overflow:hidden}.photo>img{width:100%;height:100%;object-fit:cover}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.placeholder img{width:70%;height:65%;object-fit:contain}.placeholder small{font-size:14px;margin-top:10px;color:var(--muted)}.rsvp{padding:10px 24px 40px}.rsvp-intro{display:grid;grid-template-columns:44% 56%;align-items:center}.rsvp h2{font-family:Cinzel,serif;font-size:50px;letter-spacing:.12em}.rsvp-intro p:not(.eyebrow){font-size:20px;line-height:1.4;margin-top:12px}#reply-form{margin:30px auto 0;padding:25px;background:#fff8f5cc;border:1px solid #f0d2cd;border-radius:30px;text-align:left}fieldset{border:0;margin:0;padding:0}.chs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chs label{display:flex;align-items:center;gap:5px;font-size:17px;padding:10px 4px}.chs input{accent-color:var(--pink)}.fl{display:block;margin-top:18px}.fl>span{display:block;margin-bottom:6px;font-size:18px}.fl input{width:100%;min-width:0;border:1px solid #edc9c4;border-radius:12px;background:#fffaf7;padding:12px;color:var(--ink)}.cnt{display:flex}.cnt button{padding:6px 15px;background:#f7d7d3;border-radius:12px}.cnt input{text-align:center}.send{width:100%}.cl-voice-button{display:flex;align-items:center;gap:10px;background:transparent;margin-top:20px;font-size:18px}.cl-voice-button svg{width:24px;height:24px}.cl-voice-status,.cl-rsvp-feedback{font-size:16px;margin-top:10px}.cl-honeypot,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.closing{position:relative;text-align:center;padding:30px 20px 50px;background:radial-gradient(ellipse at bottom,#f4d6d1,transparent 75%)}.closing img{width:140px;margin:0 auto 15px}.closing .script{font-size:42px}.closing small{display:block;font-size:12px;margin-top:35px;letter-spacing:.1em}.portrait{padding:25px 60px}.portrait img{width:100%;max-height:430px;object-fit:cover;border:8px solid #fff8f5;box-shadow:0 10px 30px #d48c9330}#music-toggle{position:fixed;right:20px;top:20px;z-index:90;border:1px solid #edc9c4;background:#fff8f5cc;border-radius:50%;width:44px;height:44px}dialog{border:0;background:transparent;max-width:95vw;max-height:95svh;padding:40px;color:white}dialog::backdrop{background:#35231ee8}dialog img{max-height:80svh;max-width:80vw;object-fit:contain}dialog button{position:absolute;background:transparent;color:white;font-size:35px}#close-photo{top:0;right:10px}#prev-photo{left:0;top:45%}#next-photo{right:0;top:45%}[hidden]{display:none!important}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:none}button:focus-visible,a:focus-visible{outline:2px solid #a45e69;outline-offset:4px}@keyframes float{50%{transform:translateY(-8px)}}@keyframes breathe{50%{transform:scale(1.08)}}@media(max-width:479px){.events{grid-template-columns:1fr}.events img{height:145px}.event-divider{margin:20px}.welcome{padding:65px 50px 80px}.welcome p{font-size:23px}.script{font-size:58px}.hero h1{font-size:48px}.count-unit b{font-size:30px}.cover-bow{width:40vw}.rsvp{padding:10px 20px 40px}#reply-form{padding:20px 15px}.chs label{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

@font-face{font-family:"Pinyon Script";src:url(fonts/PinyonScript_Regular-s.p.0bp3qb6u4sz8x.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:"Cinzel";src:url(fonts/Cinzel_VariableFont_wght-s.p.1drlrlre3t1ew.woff2)format("woff2");font-display:swap;font-weight:400 500}
/* Reserve space for the date and keep the following ribbon in its own section. */
.hero-copy{top:auto;bottom:52px;padding:0 16px;z-index:2}
.hero .date{line-height:1.4;margin-top:10px}
.welcome-bow{position:relative;top:auto;left:auto;transform:none;width:min(250px,75%);margin:0 auto 20px}
.welcome{padding-top:16px}
.cover-name{font-size:clamp(46px,12vw,70px);max-width:100%;overflow-wrap:break-word}
.welcome h2{font-size:clamp(46px,12vw,64px)}
@media(max-height:650px){.hero-copy{bottom:36px}.hero h1{font-size:42px}.hero .date{font-size:22px}.scroll{display:none}}