/* Three silver treatments over the current invitation, isolated to this route. */
:root{--white:#f7f7f7;--silver:#dedede;--muted:#bdbdbd;--line:#ffffff35}
body{background:#090909}
.entrance,.hero,.section{isolation:isolate}
.entrance-header,.entrance-footer{position:relative;z-index:2}
.entrance-content,.hero-copy,.section-heading,.event-details,.dance-copy,.invitation-footer{position:relative;z-index:2}
.entrance-kicker,.entrance-header .eyebrow,.entrance-fifteen,.sound-note,.entrance-footer{color:#cecece}
.entrance-name>[data-event],.hero h1>[data-event],.footer-name{display:inline-block;background:linear-gradient(112deg,#a9a9a9 5%,#fff 27%,#dedede 43%,#fff 53%,#b0b0b0 68%,#f8f8f8 84%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:silver-letter-shine 14s ease-in-out infinite}
.hero h1>[data-event]{padding:0 .08em;margin:0 -.08em}
.hero-fifteen{color:#f0f0f0}
.section h2 em{color:#e4e4e4}
.hero-message,.signature{color:#e8e8e8}
.hero-copy>.eyebrow,.section .eyebrow,.section-note,.section-heading>p:last-child,.detail>p:not(.eyebrow),.dance-copy>p:not(.eyebrow),.rsvp-section p:not(.eyebrow):not(.rsvp-note){color:#bfbfbf}
.hero-ball-left,.hero-ball-right{opacity:1;filter:drop-shadow(0 0 22px #ffffff15)}
.entrance-disco{opacity:.8;filter:brightness(1.1)}
.sparkle{color:#fff;filter:drop-shadow(0 0 7px #ffffff70)}
.button-silver{background:linear-gradient(115deg,#fff,#d0d0d0 38%,#fbfbfb 60%,#a9a9a9);border-color:#fff;box-shadow:0 5px 26px #ffffff14;color:#161616}
.button-outline{border-color:#ffffff80;color:#f4f4f4}
.envelope-side-left{background:linear-gradient(125deg,#bcbcbc,#fafafa 62%,#b0b0b0)}
.envelope-side-right{background:linear-gradient(225deg,#c9c9c9,#fff 62%,#a6a6a6)}
.envelope-bottom{background:linear-gradient(172deg,#ccc 10%,#fafafa 49%,#dedede 70%,#bdbdbd)}
.envelope-flap::before{background:linear-gradient(174deg,#ececec,#fff 32%,#bababa 65%);border-color:#fff}
.envelope{filter:drop-shadow(0 24px 30px #0008) drop-shadow(0 0 12px #ffffff15)}
.seal{box-shadow:2px 6px 7px #0006,0 0 24px #ffffff30,inset 1px 1px 2px #fff8,inset -1px -2px 2px #484848}
.compare-link{display:table;margin:20px auto 0;padding:10px 5px;color:#c4c4c4;border-bottom:1px solid #ffffff45;font-size:11px;letter-spacing:.05em}
.compare-link span{margin-left:10px}
.music-player{background:#181818ed;border-color:#ffffff58}
.music-track{color:#ccc}
@keyframes silver-letter-shine{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

/* A · Plata estelar: a dark sky, fine silver rings and pearly details. */
[data-variant=a] .entrance{background:radial-gradient(ellipse at 50% 55%,#343434 0,#181818 38%,#080808 78%)}
[data-variant=a] .hero{background:radial-gradient(ellipse at 50% 43%,#343434 0,#161616 40%,#070707 77%)}
[data-variant=a] .hero-halo{width:510px;height:510px;border-color:#ffffff38;box-shadow:0 0 0 20px #ffffff04,0 0 0 65px #ffffff03,inset 0 0 70px #ffffff04}
[data-variant=a] .hero-halo::after{content:"";position:absolute;inset:-17px;border:1px solid #ffffff16;border-radius:50%;transform:rotate(-25deg) scaleX(.8)}
[data-variant=a] .countdown-section{background:linear-gradient(120deg,#161616,#242424 50%,#101010);border-block:1px solid #ffffff3a}
[data-variant=a] .countdown [data-count]{color:#f4f4f4;text-shadow:0 0 24px #ffffff35}
[data-variant=a] .countdown>div{border-bottom:1px solid #ffffff45;padding-bottom:17px}
[data-variant=a] .celebration{background:radial-gradient(ellipse at top,#292929,#101010 70%)}
[data-variant=a] .detail-icon{color:#f3f3f3;filter:drop-shadow(0 0 8px #ffffff55)}
[data-variant=a] .dance-section{background:radial-gradient(ellipse at 25% 50%,#303030,#111 62%)}
[data-variant=a] .rsvp-section{background:radial-gradient(ellipse at 50% 90%,#414141,#151515 60%,#0b0b0b)}

/* B · Noche disco: mirrored highlights, a silver countdown and stage light. */
[data-variant=b] .entrance{background:radial-gradient(ellipse at 15% 8%,#6a6a6a 0,transparent 39%),radial-gradient(ellipse at 83% 36%,#343434 0,transparent 47%),#080808}
[data-variant=b] .entrance-disco{width:360px;top:-132px;right:-64px;opacity:1}
[data-variant=b] .entrance-glow{background:conic-gradient(from 143deg at 12% 0%,transparent 0 8deg,#ffffff1c 12deg,transparent 18deg 30deg,#ffffff0a 35deg,transparent 43deg);opacity:.8}
[data-variant=b] .hero{background:radial-gradient(ellipse at 1% 4%,#686868 0,transparent 45%),radial-gradient(ellipse at 92% 32%,#414141 0,transparent 42%),radial-gradient(ellipse at 50% 62%,#242424,#070707 70%)}
[data-variant=b] .hero-ball-left{width:480px;left:-120px;top:-10px}
[data-variant=b] .hero-ball-right{width:350px;right:-100px;top:170px}
[data-variant=b] .hero-halo{border:none;box-shadow:none;background:radial-gradient(ellipse,#ffffff0f,transparent 70%)}
[data-variant=b] .hero h1>[data-event]{filter:drop-shadow(0 3px 1px #9995) drop-shadow(0 0 22px #ffffff2b)}
[data-variant=b] .hero-date{margin-inline:auto;width:fit-content;border-block:1px solid #ffffff55;padding:14px 25px;background:linear-gradient(105deg,#ffffff08,#ffffff16,#ffffff08)}
[data-variant=b] .countdown-section{background:linear-gradient(115deg,#c2c2c2,#f2f2f2 30%,#c6c6c6 56%,#eeeeee 77%,#adadad);color:#151515}
[data-variant=b] .countdown-section .eyebrow,[data-variant=b] .countdown-section h2 em,[data-variant=b] .countdown-section .section-note,[data-variant=b] .countdown small,[data-variant=b] .countdown-separator{color:#414141}
[data-variant=b] .countdown-section .ornament{color:#444}
[data-variant=b] .countdown-section .ornament span{background:linear-gradient(90deg,transparent,#4448)}
[data-variant=b] .countdown [data-count]{text-shadow:0 1px 1px #fff}
[data-variant=b] .celebration{background:radial-gradient(ellipse at top,#363636,#101010 75%)}
[data-variant=b] .detail-icon{color:#fff;filter:drop-shadow(0 0 8px #ffffff55)}
[data-variant=b] .dance-section{background:radial-gradient(ellipse at 23% 50%,#454545,#151515 50%,#090909)}
[data-variant=b] .dance-art{width:365px}
[data-variant=b] .rsvp-section{background:radial-gradient(ellipse at 50% 100%,#555,#171717 65%);border-top-color:#ffffff60}

/* C · Fiesta de plata: luminous foil, charcoal lettering and dark interludes. */
[data-variant=c] .entrance,[data-variant=c] .hero{color:#1c1c1c;background:radial-gradient(ellipse at 52% 37%,#ffffffa6,transparent 54%),linear-gradient(118deg,#aaa 0%,#eaeaea 25%,#c6c6c6 48%,#f4f4f4 72%,#aaa 100%)}
[data-variant=c] .entrance-name>[data-event],[data-variant=c] .hero h1>[data-event]{color:#202020;background:none;text-shadow:0 1px 1px #fff}
[data-variant=c] .entrance-kicker,[data-variant=c] .entrance-header .eyebrow,[data-variant=c] .entrance-fifteen,[data-variant=c] .sound-note,[data-variant=c] .entrance-footer,[data-variant=c] .edition,[data-variant=c] .entrance-instructions p{color:#414141}
[data-variant=c] .entrance-header,[data-variant=c] .entrance-footer{border-color:#2223}
[data-variant=c] .entrance-disco{opacity:.7;filter:none}
[data-variant=c] .entrance .sparkle,[data-variant=c] .hero .sparkle{color:#fff;filter:drop-shadow(0 0 5px #777)}
[data-variant=c] .envelope{filter:drop-shadow(0 24px 24px #0005)}
[data-variant=c] .envelope-back{box-shadow:0 0 0 1px #7777}
[data-variant=c] .invitation-nav{color:#222;border-color:#2223}
[data-variant=c] .nav-date,[data-variant=c] .hero-copy>.eyebrow,[data-variant=c] .hero-fifteen,[data-variant=c] .hero-message,[data-variant=c] .discover-link,[data-variant=c] .discover-link span,[data-variant=c] .hero-side-label{color:#383838}
[data-variant=c] .hero-date .hero-date-number{border-color:#3335}
[data-variant=c] .hero-halo{width:510px;height:510px;border-color:#fff9;box-shadow:0 0 0 36px #ffffff14,0 0 0 90px #ffffff10,inset 0 0 70px #ffffff38}
[data-variant=c] .countdown-section{background:radial-gradient(ellipse at top,#353535,#101010 75%);border-block:1px solid #ffffff3a}
[data-variant=c] .countdown [data-count]{color:#fff;text-shadow:0 0 22px #ffffff35}
[data-variant=c] .celebration{color:#242424;background:linear-gradient(120deg,#bbb,#ececec 37%,#d7d7d7 63%,#bababa)}
[data-variant=c] .celebration h2 em,[data-variant=c] .celebration .eyebrow,[data-variant=c] .section-heading>p:last-child,[data-variant=c] .detail>p:not(.eyebrow),[data-variant=c] .detail-city{color:#454545}
[data-variant=c] .detail-icon{color:#333}
[data-variant=c] .detail-divider{background:#2224}
[data-variant=c] .button-outline{color:#272727;border-color:#3338;background:#ffffff23}
[data-variant=c] .button-outline:hover{background:#fff7}
[data-variant=c] .dance-section{background:radial-gradient(ellipse at 30% 30%,#424242,#111 65%)}
[data-variant=c] .rsvp-section{background:radial-gradient(ellipse at 50% 100%,#404040,#151515 65%)}
[data-variant=c] .rsvp-section .detail-icon{color:#eee}
[data-variant=c] .entrance a:focus-visible,[data-variant=c] .entrance button:focus-visible,[data-variant=c] .hero a:focus-visible,[data-variant=c] .celebration a:focus-visible,[data-variant=c] .celebration button:focus-visible{outline-color:#222}
[data-variant=c] .invitation-nav a:focus-visible{outline-color:#222}

@media(max-width:760px){
  [data-variant=a] .hero-halo,[data-variant=c] .hero-halo{width:306px;height:306px}
  [data-variant=b] .entrance-disco{width:240px;top:-78px;right:-86px}
  [data-variant=b] .hero-ball-left{width:230px;left:-76px;top:5px}
  [data-variant=b] .hero-ball-right{width:175px;right:-80px;top:165px}
  [data-variant=b] .hero-date{padding:12px 13px}
  [data-variant=b] .dance-art{width:260px}
  .invitation-footer{padding-bottom:130px}
  .compare-link{margin-top:17px}
}
body:is(.effects-paused,.effects-idle) .entrance-name>[data-event],body:is(.effects-paused,.effects-idle) .hero h1>[data-event],body:is(.effects-paused,.effects-idle) .footer-name{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}