/* Cielo: luz fría dispersa y superficies nacaradas, sin marco en arco. */
:root{--gold:#cbdaf1;--gold-ink:#496879;--light:208,229,255}
body{background:#0e2029}.paper{background:radial-gradient(ellipse at 84% 36%,#f6fafda6,transparent 62%),linear-gradient(158deg,#e0e6ef 0 9%,#dae3ee 24%,#f1f6fb 48%,#d8e3ef 74%,#e0e6ef 94%)}
.sage{background:radial-gradient(ellipse at 12% 42%,#d3e5eb88,transparent 61%),linear-gradient(154deg,#a7bfcd 0 8%,#b9cedb 36%,#8daec2 65%,#a7bfcd 94%)}
.dark{background:radial-gradient(ellipse at 85% 40%,#31536388,transparent 66%),linear-gradient(148deg,#142d39 0 9%,#1e3e4e 42%,#102935 76%,#142d39 94%)}
.surface:before{background:linear-gradient(123deg,transparent 10%,#fff0 26%,#ffffff0c 32%,#ffffff24 40%,#ffffff04 50%,transparent 60%,#ffffff0c 76%,transparent 90%)}
.eyebrow{font-size:13px;letter-spacing:.21em}.button{border-radius:3px;padding:16px 30px;min-height:57px}.button-light{background:#dbe8f3;color:#163444;border-color:#dbe8f3}.button:hover{background:#365d72;color:#fff}.button-light:hover{background:#edf7ff;color:#163444}.fine-rule{background:linear-gradient(90deg,transparent,#8eafc4,transparent)}
.entry{background:radial-gradient(ellipse at 85% 15%,#7694b040,transparent 44%),radial-gradient(ellipse at 15% 92%,#587b9259,transparent 55%),linear-gradient(138deg,#0c2332,#1a3c50 60%,#102b39);min-height:100svh}
.entry:after{content:'';position:absolute;pointer-events:none;left:-12%;bottom:-35%;width:130%;height:60%;border-radius:50%;background:linear-gradient(160deg,#7895ad20,transparent 56%);transform:rotate(-13deg)}
.entry-content{max-width:770px;padding:125px 28px 60px}.entry-monogram{font-family:Display,serif;font-size:20px;letter-spacing:.22em;top:36px;color:#c1d7e5}.entry h1{display:flex;justify-content:center;align-items:center;gap:18px;font-family:Display,serif;font-size:100px;margin:38px 0 32px}.entry h1 em{font-size:52px;margin:0;color:#afcfe3}.entry-date{font-size:16px;color:#dbeaf5}.entry .eyebrow{font-size:12px}.entry-message{font-size:17px}.entry-actions{gap:18px;margin-top:36px}.entry-actions .button{width:285px}.entry-stars{width:min(100%,950px);height:90%;max-height:800px;top:0!important;left:50%!important;transform:translateX(-50%)}
.hero{min-height:1040px;max-height:1250px;height:112svh}.hero-photo{object-position:50% 65%;transform-origin:50% 66%}.hero-shade{background:linear-gradient(180deg,#102c465e 0%,#183b511c 44%,transparent 64%,#08243388 95%)}.hero-copy{top:24%;padding:0 24px}.hero h1{font-size:100px;line-height:1;margin:25px auto;letter-spacing:-.02em}.hero h1>span{display:inline}.hero h1 em{font-size:.6em;margin:0 14px;color:#d6e8f7}.hero-date{margin-top:28px;font-size:17px;color:#e1effa}.hero-stars{width:100%;max-width:1050px;top:3%!important;height:85%}.hero .scroll-cue{bottom:136px;font-size:12px}.hero .eyebrow{font-size:13px;letter-spacing:.28em}
.story,.event,.album,.agenda,.details,.rsvp{padding-bottom:255px}.story{padding-top:65px}.story-copy{max-width:660px}.story-copy h2{font-size:70px}.story-copy>p{font-size:18px;max-width:570px}.countdown{padding-bottom:120px}.count-grid strong{font-size:75px}.count-grid span{font-size:12px}.tiny-heart{display:none}.count-grid{gap:32px}.countdown:after{content:'';display:block;width:1px;height:55px;margin:48px auto 0;background:linear-gradient(#7195ac66,transparent)}
.event-intro{gap:50px;grid-template-columns:1fr 1fr}.date-seal{width:310px;height:340px;border:0;position:relative;gap:7px}.date-seal:after{content:'';position:absolute;width:240px;height:1px;bottom:0;background:linear-gradient(90deg,transparent,#54849b99,transparent)}.date-seal strong{font-size:180px}.date-seal>span{font-size:13px}.date-seal .month{font-size:16px}.event-details{margin-top:105px}.event-details article+article{border-left:1px solid #6c91a455}.event-details .button{font-size:14px}
.album-layout{max-width:100%;display:grid;grid-template-columns:.85fr 1fr;gap:60px;align-items:center}.album-copy{text-align:left;margin:0}.album-copy h2{font-size:56px}.album-copy .fine-rule{margin-left:0}.album-stage{outline:none;border-radius:0;box-shadow:0 25px 80px #06192344}.album-copy>p{font-size:17px}.album-controls{gap:34px;margin-top:25px}.album-controls button{font-size:24px}
.agenda .section-heading{margin-bottom:90px}.timeline{max-width:660px}.timeline li{padding-bottom:55px}.timeline h3{font-size:38px}.timeline time{font-size:16px}.details .section-heading{margin-bottom:75px}.detail-grid{display:flex;flex-direction:column;max-width:760px;margin:auto;text-align:left;gap:0}.detail-grid article{display:grid;grid-template-columns:70px 1fr 1.1fr;align-items:start;column-gap:28px;padding:64px 0}.detail-grid article+article:before{top:0;left:0;right:0;bottom:auto;width:100%;height:1px;background:linear-gradient(90deg,transparent,#63899f66 20% 80%,transparent)}.detail-index{font-size:14px;padding-top:6px}.detail-grid h3{margin:0;font-size:38px}.detail-grid p{grid-column:3;font-size:16px;margin:0}.detail-grid .text-button{grid-column:3;justify-self:start;margin-top:15px}.notes-row{margin-top:45px}.rsvp h2{font-size:84px}.rsvp .signature{font-size:48px}.closing{height:900px}.closing-copy{top:39%}.closing-copy h2{font-size:75px}.closing-shade{background:linear-gradient(#142d3944,#0e2538b0)}
@media(max-width:700px){.entry h1{display:block;font-size:75px;line-height:.98;margin:30px 0}.entry h1>span{display:block}.entry h1 em{font-size:38px;margin:8px 0}.entry-content{padding:110px 24px 45px}.entry-monogram{top:25px;font-size:17px}.entry-stars{height:80%;top:2%!important}.entry .eyebrow{font-size:11px;letter-spacing:.16em}.entry-date{font-size:14px;letter-spacing:.25em}.entry-message{font-size:16px;line-height:1.8}.entry-actions{margin-top:28px;gap:14px}.entry .fine-rule{margin:27px auto}.hero{min-height:810px;height:108svh;max-height:1040px}.hero-photo{object-position:center 64%}.hero-copy{top:24%}.hero h1{font-size:71px;line-height:1;margin:20px auto}.hero h1>span{display:block}.hero h1 em{font-size:43px;margin:0 8px 0 0}.hero .eyebrow{font-size:12px;letter-spacing:.22em}.hero-date{font-size:15px;letter-spacing:.18em;gap:17px;margin-top:26px}.hero .scroll-cue{bottom:114px;font-size:10px}.hero-stars{height:78%;top:3%!important}.story,.event,.album,.agenda,.details,.rsvp{padding:84px 28px 220px}.story{padding-top:44px}.story-copy h2{font-size:55px}.story-copy>p{font-size:17px;line-height:1.9}.countdown{padding-bottom:90px}.count-grid{gap:16px}.count-grid strong{font-size:58px}.count-grid div{min-width:61px}.count-grid span{font-size:11px}.countdown:after{height:42px;margin-top:35px}.event-intro{gap:65px}.event-intro h2{font-size:53px}.date-seal{height:320px;width:270px}.date-seal strong{font-size:162px}.event-details{margin-top:80px}.event-details article+article{border-left:0;border-top:1px solid #63899f55;padding-top:70px;margin-top:75px}.album-layout{display:block}.album-copy{text-align:center;margin-bottom:42px}.album-copy h2{font-size:48px}.album-copy .fine-rule{margin:29px auto}.album-stage{margin:0 auto;max-width:440px}.album-controls{margin-top:22px}.section-heading h2{font-size:48px}.timeline h3{font-size:34px}.timeline li{padding-bottom:48px}.timeline time{font-size:14px}.details .section-heading{margin-bottom:55px}.detail-grid article{display:block;text-align:center;padding:65px 5px;margin:0!important}.detail-grid article:first-child{padding-top:5px}.detail-grid article+article{padding-top:70px}.detail-grid h3{font-size:39px;margin:20px 0}.detail-grid p{font-size:17px}.detail-grid .text-button{margin-top:22px}.detail-grid article+article:before{left:8%;right:8%;width:84%}.notes-row{margin-top:35px;padding-top:42px}.rsvp h2{font-size:54px}.rsvp .signature{font-size:42px}.closing{height:760px}.closing-copy{top:41%}.closing-copy h2{font-size:55px}}
@media(max-height:730px){.entry-content{padding:85px 24px 28px}.entry h1{font-size:61px;margin:24px 0}.entry h1 em{font-size:32px;margin:5px 0}.entry-actions{margin-top:20px}.entry .fine-rule{margin:20px auto}.entry-message{font-size:15px}.entry .eyebrow{font-size:10px}}
/* Reservar el cielo para los nombres y mantener los rostros descubiertos. */
.hero-photo{object-position:50% 12%}
@media(max-width:700px){.hero-photo{object-position:50% 12%}.hero-copy{top:16%}.hero h1{font-size:66px;margin:18px auto}.hero-date{margin-top:20px;font-size:14px}}
