:root{--ink:#27231c;--gold:#b69342;--gold-ink:#80601f;--paper:#ede4cc;--night:#1b1b1b;--ib-entry-bg:#1b1b1b}body{background:#1b1b1b;color:var(--ink)}.paper{background:linear-gradient(115deg,#e8ddbe 0%,#f7f0df 31%,#e4d6af 68%,#ede4cc 100%)}.sage{background:linear-gradient(115deg,#c2a562 0%,#e3ca87 27%,#bca064 70%,#cfb575 100%)}.dark{background:radial-gradient(ellipse at 95% 5%,#826b3033,transparent 65%),linear-gradient(120deg,#1b1b1b,#2b2922 48%,#1b1b1b);color:#f4ecd6;--gold-ink:#d4b569}.surface:before{opacity:.08;background-image:repeating-linear-gradient(175deg,transparent 0 2px,#6f571b1a 2px 3px,transparent 3px 5px)}.eyebrow{letter-spacing:.24em}.script-label,.signature{color:var(--gold-ink)}.fine-rule{background:linear-gradient(90deg,transparent,#b59142,transparent)}.button{border:1px solid #30271a;border-radius:2px;background:#26231c;color:#f4e5ba;padding:18px 30px;min-height:57px}.button:hover{background:#453a24}.button-light{background:linear-gradient(115deg,#b79547,#f1d994 47%,#c5a054);color:#242017;border-color:#cfad62}.button-light:hover{background:#f1d994;color:#242017}.button-outline{background:transparent;color:#30271a;border-color:#6a522e}.text-button{border-color:#8e703d;color:inherit}.text-button.light{color:#eddaad;border-color:#ac8b4d}
/* Ingreso: composición tipográfica central, sin marcos repetidos. */
.entry{background:radial-gradient(ellipse at 50% 45%,#75603244,transparent 64%),linear-gradient(135deg,#1b1b1b,#24221b 60%,#151515);color:#f6ead0;isolation:isolate}.entry-content{width:min(100%,650px);padding:220px 32px 55px;max-width:650px}.entry-emblem{position:absolute;z-index:3;top:58px;left:50%;transform:translateX(-50%);height:128px;width:190px;display:flex;align-items:center;justify-content:center;color:#d8ba73;font-family:Display,serif;font-size:104px;line-height:1;border-top:1px solid #b5914266;border-bottom:1px solid #b5914266}.entry-emblem em{font-family:Hand,cursive;font-size:45px;margin:25px -7px 0;position:relative;z-index:1}.entry-emblem span:last-child{font-style:italic}.entry-prelude{font-family:Hand,cursive;font-size:31px;color:#d2b572;margin-bottom:25px}.entry h1{font-size:clamp(62px,8vw,88px);line-height:1.04;margin:26px 0;color:#f4e6c5}.entry h1>span{display:inline}.entry h1 em{display:inline;font-size:.55em;color:#d5b573;margin:0 9px}.entry .eyebrow{color:#cdbb94;font-size:11px}.entry-date{color:#e0c78d;font-size:16px;margin-top:23px;letter-spacing:.23em}.entry-message{color:#d3cab5;font-size:16px}.entry .fine-rule{width:68px;margin:27px auto}.entry-actions{gap:18px;margin-top:30px}.entry-actions .button{width:290px}.entry-actions .text-button{font-size:16px}
/* Marco abierto y material dorado. El desvanecido comienza solo al entrar. */
.hero{height:110svh;min-height:900px;max-height:1180px;background:#1b1b1b}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-photo{object-position:center top;transform-origin:50% 65%}.hero-shade{background:linear-gradient(#14130f8c 0%,#18160f55 35%,transparent 65%,#17150ebb)}.gold-frame{position:absolute;inset:24px 9px 115px;z-index:2;pointer-events:none;opacity:0;will-change:opacity;transform:translateZ(0);transition:opacity 3s cubic-bezier(.22,.45,.35,1);background:linear-gradient(115deg,#ac842d 0%,#fbe5a6 30%,#c49e48 52%,#ffeec6 72%,#ac842d 100%);-webkit-mask:url(assets/frame.png) center/100% 100% no-repeat;mask:url(assets/frame.png) center/100% 100% no-repeat}.frame-ready .gold-frame{opacity:.86}.hero-copy{top:13%;left:16%;width:68%;padding:0}.hero h1{font-size:clamp(72px,9vw,110px);line-height:1;margin:27px 0}.hero h1>span{display:block}.hero h1 em{display:block;font-size:.47em;color:#ebcd88;margin:9px 0}.hero .eyebrow{font-size:11px;color:#e1d2af}.hero-date{font-size:15px;letter-spacing:.23em;margin-top:26px;gap:12px}.hero-date span{width:22px;background:#d5b36d80}.hero-message{display:none}.hero .scroll-cue{bottom:145px;font-size:11px}.scroll-cue i{color:#ddbb6d}.divider{height:155px}.section-top{top:-154px}
.story,.event,.album,.agenda,.details,.rsvp{padding-bottom:235px}.story{padding-top:70px}.countdown{padding-bottom:110px}.count-grid strong{font-size:76px}.count-grid span,.story-copy>p,.timeline p{color:#655938}.count-grid i,.tiny-heart{color:#9c7727}.story-copy h2{font-size:64px;line-height:1.06}.story-copy>p{font-size:18px;line-height:1.9}.story .signature{margin-top:35px}.event-intro{gap:70px}.event-intro h2{font-size:65px}.date-seal{border:0;border-left:1px solid #71552777;border-right:1px solid #71552777;width:300px;height:315px}.date-seal strong{font-size:162px}.date-seal .month{font-size:17px}.event-details{margin-top:110px;gap:65px}.event-details h3{font-size:39px}.event-details article+article{border-color:#71552766}.event-details p:not(.eyebrow):not(.event-time){color:#504328}.album-copy h2{font-size:61px;color:#f3e7c9}.album-copy>p{color:#d0c5ac}.album-stage{max-width:480px;aspect-ratio:4/5;border-radius:0;outline:0;box-shadow:0 24px 65px #0005}.slide{animation:none!important;transform:none!important;object-fit:cover}.album-controls button{color:#d4b36b}.album-copy{margin-bottom:55px}.section-heading{margin-bottom:85px}.section-heading h2{font-size:58px}.timeline{max-width:640px}.timeline li{padding-bottom:58px}.timeline time{color:#856124}.timeline li>div{border-color:#b69b61}.timeline li>div:before{background:#a6843f}.timeline h3{font-size:38px}.detail-grid{display:block;text-align:center;max-width:690px;margin:auto}.detail-grid article{padding:75px 20px}.detail-grid article:first-child{padding-top:5px}.detail-grid article+article:before{top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#71552788,transparent)}.detail-grid h3{font-size:45px;margin:23px 0}.detail-grid p{color:#504328;font-size:18px}.detail-index{color:#70521f;letter-spacing:.24em}.notes-row{border-color:#71552766;margin-top:65px;padding-top:55px}.rsvp h2{font-size:76px;color:#f5e9cd}.rsvp-content>p:not(.eyebrow){color:#d4c9b0}.rsvp .signature{color:#d4b569}.closing{height:880px;background:#1b1b1b}.closing-shade{background:linear-gradient(#17150f22,#17150faa)}.closing-copy{top:30%}.closing-copy h2{font-size:70px}.closing-copy .signature{color:#f1d693}footer em{color:#987326}footer p{color:#685b3c}.music-button{background:#1b1b1b;color:#edcf86;border:1px solid #b99b55}.music-button[aria-pressed=true]{background:#d6b66e;color:#1b1b1b}dialog{background:#efe5ca;color:#27231c;border-color:#b49754}dialog::backdrop{background:#14120de0}.modal-close,input,select{color:#27231c}.form-note{color:#6c5b37}.form-result{background:#ddcda4;border-color:#ac8439}
@media(max-width:700px){.entry-content{padding:210px 25px 45px}.entry-emblem{top:49px;height:120px;width:162px;font-size:96px}.entry h1{font-size:clamp(48px,12.7vw,66px);white-space:nowrap}.entry h1 em{margin:0 3px}.entry-prelude{font-size:27px}.entry .eyebrow{font-size:10px;letter-spacing:.17em}.entry-date{font-size:14px}.entry-message{font-size:16px}.hero{height:110svh;min-height:900px;max-height:1120px}.gold-frame{inset:20px -2px 125px}.hero-copy{top:14%;left:17%;width:66%}.hero h1{font-size:clamp(58px,17vw,78px);margin:25px 0}.hero .eyebrow{font-size:10px}.hero-date{font-size:12px;letter-spacing:.18em;gap:8px}.hero-date span{width:14px}.hero .scroll-cue{bottom:150px;font-size:10px}.divider{height:120px}.section-top{top:-119px}.story,.event,.album,.agenda,.details,.rsvp{padding:85px 28px 225px}.story{padding-top:45px}.count-grid strong{font-size:55px}.countdown{padding-bottom:90px}.story-copy h2{font-size:49px}.story-copy>p{font-size:17px}.event-intro{gap:70px}.event-intro h2{font-size:51px}.date-seal{height:290px;width:265px}.date-seal strong{font-size:145px}.event-details{margin-top:100px;gap:0}.event-details article+article{border-left:0;border-top:1px solid #71552766;margin-top:80px;padding-top:80px;padding-left:0}.event-details h3{font-size:36px}.album-copy h2{font-size:46px}.section-heading h2{font-size:49px}.timeline li{gap:20px;padding-bottom:50px}.timeline h3{font-size:34px}.timeline li>div{padding-left:24px}.detail-grid article{padding:80px 4px;margin:0!important}.detail-grid h3{font-size:40px}.detail-grid p{font-size:17px}.rsvp h2{font-size:52px}.closing{height:800px}.closing-copy h2{font-size:54px}}
@media(max-height:760px){.entry-emblem{top:27px;height:92px;font-size:76px;width:145px}.entry-emblem em{font-size:36px}.entry-content{padding-top:150px;padding-bottom:25px}.entry-prelude{font-size:24px;margin-bottom:17px}.entry h1{font-size:48px;margin:19px 0}.entry .fine-rule{margin:20px auto}.entry-actions{margin-top:22px}}
/* Reflejo lento del metal, sin partículas ni destellos sobre los rostros. */
.gold-frame{background-size:220% 220%}.frame-ready .gold-frame{animation:goldSheen 10s ease-in-out infinite alternate}
@keyframes goldSheen{from{background-position:5% 10%}to{background-position:90% 85%}}
/* Mantener nombres y fecha en el espacio superior libre de la fotografía. */
.hero-copy{top:15%;left:12%;width:76%}.hero h1{font-size:80px;white-space:nowrap}.hero h1>span,.hero h1 em{display:inline}.hero h1 em{font-size:.65em;margin:0 8px}.hero-date{margin-top:24px}
@media(max-width:700px){.hero-copy{top:16%;left:12%;width:76%}.hero h1{font-size:clamp(43px,12vw,57px);margin:24px 0}.hero h1 em{margin:0 3px}.hero-date{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.gold-frame{transition:opacity 3s ease!important}}
/* Unir las curvas con cada superficie sin costuras rectas de otro tono. */
.paper{background:linear-gradient(180deg,#ede4cc 0 5%,#f7f0df 31%,#e4d6af 68%,#ede4cc 96%)}
.sage{background:linear-gradient(180deg,#cfb575 0 5%,#e3ca87 30%,#bca064 72%,#cfb575 96%)}
.dark:not(.entry){background:linear-gradient(180deg,#1b1b1b 0 5%,#2b2922 48%,#1b1b1b 96%)}
.entry-emblem{animation:monogramLight 6s ease-in-out infinite alternate}
@keyframes monogramLight{from{color:#b99b58;text-shadow:0 0 20px #d8ba7300}to{color:#efdaa0;text-shadow:0 0 24px #d8ba7333}}
