:root{--ink:#231a3a;--paper:#fbfaf5;--paper-2:#ece8f6;--wax:#7a3fd0;--wax-2:#e0408f;--pine:#0f6f78;--gold:#f2b632;--night:#150f28;--muted:#6a6283;
  --serif:"Righteous","Arial Black",sans-serif;--script:"Permanent Marker",cursive;--plate:rgba(255,255,255,.95);--plate-ink:#231a3a;--tap-x:50%;--tap-y:52%}
.stage{background:#150f28}
.stage-tap{width:24%!important}
.pill{background:rgba(20,12,42,.82);color:#fff;border-color:rgba(140,230,235,.6)}
.skip{background:rgba(20,12,42,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(140,230,235,.8)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(140,230,235,0)}}
.hero{background-color:#fbfaf5}
.hero::before{border-color:rgba(120,90,200,.45)}.hero::after{border-color:rgba(120,90,200,.22)}
.rule{color:#f2b632}
.count{background:linear-gradient(180deg,rgba(20,12,42,.8) 0%,rgba(20,12,42,.5) 45%,rgba(20,12,42,.12) 78%,rgba(20,12,42,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(20,12,42,.55);border-color:rgba(140,230,235,.45)}
.note{background-color:#150f28}
.details{background:linear-gradient(rgba(20,12,42,.6),rgba(20,12,42,.8)),#150f28 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(14,40,52,.76),rgba(14,40,52,.9)),#150f28 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(20,12,42,.8),rgba(20,12,42,.92)),#150f28 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(20,12,42,.66),rgba(20,12,42,.82)),#150f28 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:50%;--tap-y:47%}
  .stage-tap{width:9%!important}
  .count{background:linear-gradient(90deg,rgba(20,12,42,.66) 0%,rgba(20,12,42,.34) 55%,rgba(20,12,42,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}