:root{--ink:#2b2a28;--paper:#fbf7ee;--paper-2:#efe6d2;--wax:#c8372d;--wax-2:#e0503f;--pine:#2f6b45;--gold:#d39a2a;--night:#1d2b24;--muted:#6d675c;
  --serif:"Patrick Hand","Comic Sans MS",cursive;--script:"Caveat",cursive;--plate:rgba(255,252,244,.95);--plate-ink:#2b2a28;--tap-x:47%;--tap-y:57%}
.stage{background:#1d2b24}
.stage-tap{width:22%!important}
.pill{background:rgba(22,36,30,.82);color:#fff;border-color:rgba(255,235,200,.6)}
.skip{background:rgba(22,36,30,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(255,235,200,.8)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(255,235,200,0)}}
.hero{background-color:#fbf7ee}
.hero::before{border-color:rgba(170,120,70,.45)}.hero::after{border-color:rgba(170,120,70,.22)}
.rule{color:#d39a2a}
.count{background:linear-gradient(180deg,rgba(22,36,30,.8) 0%,rgba(22,36,30,.5) 45%,rgba(22,36,30,.12) 78%,rgba(22,36,30,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(22,36,30,.55);border-color:rgba(255,235,200,.45)}
.note{background-color:#1d2b24}
.details{background:linear-gradient(rgba(22,36,30,.6),rgba(22,36,30,.8)),#1d2b24 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(24,44,34,.76),rgba(24,44,34,.9)),#1d2b24 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(22,36,30,.8),rgba(22,36,30,.92)),#1d2b24 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(22,36,30,.66),rgba(22,36,30,.82)),#1d2b24 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:50%;--tap-y:50%}
  .stage-tap{width:8%!important}
  .count{background:linear-gradient(90deg,rgba(22,36,30,.66) 0%,rgba(22,36,30,.34) 55%,rgba(22,36,30,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}