:root{--ink:#3b2f52;--paper:#fdf9f3;--paper-2:#efe6f3;--wax:#8262b8;--wax-2:#c98aa8;--pine:#463a6a;--gold:#c9a24b;--night:#1c1632;--muted:#776b8c;
  --serif:"Cormorant Garamond",Georgia,serif;--script:"Dancing Script",cursive;--plate:rgba(255,252,246,.95);--plate-ink:#3b2f52;--tap-x:50%;--tap-y:72%}
.stage{background:#1c1632}
.stage-tap{width:24%!important}
.pill{background:rgba(26,20,48,.82);color:#fff;border-color:rgba(236,220,250,.6)}
.skip{background:rgba(26,20,48,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(236,220,250,.8)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(236,220,250,0)}}
.hero{background-color:#fdf9f3}
.hero::before{border-color:rgba(160,130,200,.45)}.hero::after{border-color:rgba(160,130,200,.22)}
.rule{color:#c9a24b}
.count{background:linear-gradient(180deg,rgba(26,20,48,.8) 0%,rgba(26,20,48,.5) 45%,rgba(26,20,48,.12) 78%,rgba(26,20,48,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(26,20,48,.55);border-color:rgba(236,220,250,.45)}
.note{background-color:#1c1632}
.details{background:linear-gradient(rgba(26,20,48,.6),rgba(26,20,48,.8)),#1c1632 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(34,24,60,.76),rgba(34,24,60,.9)),#1c1632 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(26,20,48,.8),rgba(26,20,48,.92)),#1c1632 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(26,20,48,.66),rgba(26,20,48,.82)),#1c1632 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:50%;--tap-y:72%}
  .stage-tap{width:9%!important}
  .count{background:linear-gradient(90deg,rgba(26,20,48,.66) 0%,rgba(26,20,48,.34) 55%,rgba(26,20,48,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}