:root{--ink:#2e2a22;--paper:#f7efe0;--paper-2:#e8d9bd;--wax:#e0a400;--wax-2:#f2bd2a;--pine:#1f1c16;--gold:#d19b1a;--night:#1f1c16;--muted:#7a6e58;
  --serif:"Lora",Georgia,serif;--script:"Kalam",cursive;--plate:rgba(255,253,248,.95);--plate-ink:#2e2a22;--tap-x:53.5%;--tap-y:47.1%}
.stage{background:#1f1c16}
.stage-tap{width:22%!important}
.pill{background:rgba(31,28,22,.82);color:#fff;border-color:rgba(255,255,255,.5)}
.skip{background:rgba(31,28,22,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(255,255,245,.9)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(255,255,245,0)}}
.hero{background-color:#f7efe0}
.hero::before{border-color:rgba(209,155,26,.45)}.hero::after{border-color:rgba(209,155,26,.22)}
.rule{color:#d19b1a}
.count{background:linear-gradient(180deg,rgba(31,28,22,.78) 0%,rgba(31,28,22,.45) 45%,rgba(31,28,22,.12) 78%,rgba(31,28,22,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(31,28,22,.5);border-color:rgba(255,255,255,.45)}
.note{background-color:#1f1c16}
.details{background:linear-gradient(rgba(31,28,22,.55),rgba(31,28,22,.78)),#1f1c16 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(31,28,22,.72),rgba(31,28,22,.88)),#1f1c16 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(31,28,22,.78),rgba(31,28,22,.9)),#1f1c16 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(31,28,22,.62),rgba(31,28,22,.8)),#1f1c16 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:51.0%;--tap-y:57.0%}
  .stage-tap{width:8%!important}
  .count{background:linear-gradient(90deg,rgba(31,28,22,.66) 0%,rgba(31,28,22,.34) 55%,rgba(31,28,22,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}
