@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Parisienne&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";.cover-copy{isolation:isolate;padding:1.25rem 1rem 1.75rem}.cover-copy:before{content:"";position:absolute;inset:-1.5rem -8% -1rem;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,#071329c9 0%,#0713298c 42%,#0713292e 68%,transparent 78%);filter:blur(10px);pointer-events:none}.cover h1{filter:drop-shadow(0 3px 2px #071329d9) drop-shadow(0 8px 16px #071329b8);-webkit-text-stroke:1px #eef1ff40}.cover .small-title,.cover .name,.cover .date{position:relative;text-shadow:0 2px 3px #071329e6,0 7px 18px #071329c7}.cover .name{letter-spacing:.015em}@media(max-width:520px){.cover-copy:before{inset:-1.5rem -14% -.75rem}}@media(prefers-reduced-motion:reduce){.cover-copy:before{filter:blur(8px)}}.demo-end-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:2rem 1.5rem;background:#faf9ff}.demo-end-actions a{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border:1px solid #344f9c;padding:.85rem 1.25rem;color:#222d55;font:500 .72rem var(--sans);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.demo-end-actions a:first-child{background:#344f9c;color:#fff}.demo-end-actions a:hover,.demo-end-actions a:focus-visible{outline:2px solid #d9b66f;outline-offset:3px}.footer-name{font:500 .62rem var(--sans);letter-spacing:.14em;text-transform:none}.hashtag{margin-top:.8rem}@media(max-width:720px){.demo-end-actions{flex-direction:column}.demo-end-actions a{width:100%}}:root{--navy:#101a42;--blue:#344f9c;--lav:#aaa6e8;--cream:#faf9ff;--ink:#222d55;--gold:#d9b66f;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 var(--sans)}main{overflow:hidden}.cover{min-height:100svh;position:relative;display:grid;place-items:end center;padding-bottom:7vh;text-align:center;color:#f4f4ff;background:var(--navy)}.cover-art{position:absolute;inset:0;background:url(/invitaciones/cielo-floral/demo/hero-cielo-floral.png) center/cover no-repeat}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101a4230,#101a4205 35%,#101a42e8)}.cover-copy{position:relative;z-index:1;width:min(92%,650px)}.eyebrow,.label{letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.cover .eyebrow{color:#fff;position:relative;text-shadow:0 2px 12px #101a42}.small-title{font:italic 1.6rem var(--serif);margin:4rem 0 0;transform:translateY(-7.5vh);text-shadow:0 2px 10px #101a42}.cover h1{font:clamp(8rem,31vw,17rem)/.8 var(--serif);font-weight:400;letter-spacing:-.08em;margin:.4rem 0;transform:translateY(-9vh);background:linear-gradient(110deg,#fff 12%,#d8ccff 35%,#fff8ec 48%,#d9b66f 62%,#f4e3c0 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px #101a4288);animation:shine 4.5s ease-in-out infinite}@keyframes shine{50%{background-position:100% 50%}}.name{font:italic clamp(4.5rem,16vw,10rem)/.85 "Parisienne",cursive;margin:3.5rem 0 1.15rem;color:#fff8ec;text-shadow:0 2px 8px #101a42}.date{letter-spacing:.2em;color:#d8dcff}.scroll-arrow{display:inline-block;margin-top:5rem;color:var(--gold);text-decoration:none;font:2rem/1 var(--serif)}.section{padding:clamp(5rem,12vw,10rem) clamp(1.5rem,8vw,9rem)}.eyebrow{color:var(--blue);margin:0 0 .8rem}.story{text-align:center}.invite{margin-bottom:clamp(2.5rem,6vw,4rem)}.invite-family{font:italic 1.15rem var(--serif);margin:0 0 .5rem}.invite-cta{margin:.4rem 0;color:#69708d}.invite-hero{font:italic clamp(3rem,10vw,6rem)/1 "Parisienne",cursive;margin:.4rem 0 0;color:var(--navy)}.story-heading{font:400 clamp(2.4rem,6vw,4.2rem)/1.08 var(--serif);letter-spacing:-.03em;margin:0 0 2rem}.story-heading em,.details-title em,.venue-copy h2 em,.gallery-heading em{font-style:italic;color:var(--gold)}.copy{max-width:620px;margin:0 auto;text-align:left}.invite-copy p{margin:0 0 1.1rem;color:#4b5574}.signature{font:italic 1.3rem var(--serif);color:var(--navy);margin-top:1.6rem}.event,.rsvp{background:var(--navy);color:#eef1ff;text-align:center}.event .eyebrow,.rsvp .eyebrow{color:var(--gold)}.event-card{display:flex;justify-content:center;gap:clamp(2.5rem,8vw,6rem);margin:1rem 0 2.5rem}.event-card .label{color:#b0b8e0;display:block;margin-bottom:.5rem}.event-card strong{font:400 clamp(2rem,5vw,3.2rem)/1 var(--serif)}.date-display{display:flex;align-items:center;gap:.7rem;justify-content:center}.date-display b{font-size:clamp(3.4rem,9vw,5.6rem);line-height:.9;color:var(--gold)}.date-display span{font-size:1.05rem;line-height:1.25;text-align:left}.date-display small{color:#b0b8e0}.countdown{display:flex;justify-content:center;gap:clamp(1rem,4vw,2.2rem);margin:0 0 2rem}.countdown div{min-width:74px}.countdown b{font:500 clamp(1.6rem,4vw,2.4rem) var(--sans);color:var(--gold)}.countdown span{display:block;font:500 .66rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#b0b8e0}.punctual,.rsvp p{max-width:480px;margin:0 auto;color:#c5cbea;font-size:.95rem}.venue{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}.venue-art{min-height:320px;display:grid;place-items:center;align-content:center;gap:1rem;background:radial-gradient(circle at 50% 30%,#c3bfff,#344f9c 42%,#101a42);box-shadow:14px 14px 0 var(--navy);color:#fff;text-align:center}.venue-art span:first-child{font:3rem var(--serif);color:var(--gold)}.venue-art span:last-child{font:italic clamp(2rem,5vw,3.2rem)/1.1 var(--serif)}.venue-copy h2{font:400 clamp(2rem,5vw,3.2rem)/1.1 var(--serif);margin:.2rem 0 1rem;color:var(--navy)}.pending{color:#4b5574;margin:0 0 1.4rem}.button{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#fffdf6;text-decoration:none;padding:.85rem 1.5rem;font:500 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.button.muted{background:transparent;color:#7a7f96;border-color:#cdd0df;cursor:not-allowed}.details,.gallery{text-align:center}.details-title,.gallery-heading{font:400 clamp(2.2rem,5vw,3.6rem)/1.1 var(--serif);margin:0 0 2.5rem;color:var(--navy)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;max-width:760px;margin:0 auto}.detail-grid article{border:1px solid #e1e1ee;background:#fff;padding:1.8rem 1.4rem;box-shadow:8px 8px #e7e5f4}.detail-symbol{display:inline-block;font:1.5rem var(--serif);color:var(--gold);margin-bottom:.6rem}.detail-grid h3{font:400 1.35rem var(--serif);margin:.2rem 0 .9rem;color:var(--navy)}.detail-grid h3 em{color:var(--gold)}.detail-grid p{margin:0;color:#4b5574;font-size:.95rem}.rsvp h2{font:400 clamp(2.4rem,6vw,4rem)/1 var(--serif);margin:0 0 1.2rem}.rsvp h2 em{color:var(--gold)}.confirm-note{max-width:520px;margin:1.6rem auto 1.8rem;border:1px solid var(--gold);background:#344f9c66;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem}.confirm-note strong{color:var(--gold);font:italic 1.15rem var(--serif)}.confirm-note span{color:#d8dcff;font-size:.9rem}.demo-feedback{margin-top:1.2rem!important;color:var(--gold)!important}.gallery-track{display:flex;justify-content:center;gap:1rem}.gallery-item{width:min(28vw,220px);aspect-ratio:3/4;display:grid;place-items:center;border:1px solid #d9d9ea;box-shadow:8px 8px #e7e5f4;font:3rem var(--serif);color:#9294d4}.gallery-item:nth-child(1){background:linear-gradient(135deg,#c3bfff,#5d6dc4)}.gallery-item:nth-child(2){background:linear-gradient(135deg,#faf9ff,#aaa6e8)}.gallery-item:nth-child(3){background:linear-gradient(135deg,#d9b66f,#f1e7cf)}.gallery-note{color:#69708d;font-size:.9rem}footer{background:#0b1230;color:#b0b8e0;text-align:center;padding:3rem 1rem 2.5rem;font-size:.9rem}.hashtag{letter-spacing:.08em;margin:0 0 .4rem}.footer-name{font:italic 1.2rem var(--serif);color:#d8dcff;margin:0 0 1.2rem}footer nav{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}footer a{color:var(--gold);text-underline-offset:4px}@media(max-width:720px){.venue{grid-template-columns:1fr}.venue-art{min-height:240px}.gallery-item{width:28vw}.countdown{gap:.6rem}.countdown div{min-width:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover h1{animation:none}}.cover-art{background:var(--hero-image) center/cover no-repeat}