:root{--ink:#40261a;--paper:#fbf3e8;--paper-2:#f1dfc9;--wax:#b25a34;--wax-2:#cb7748;--pine:#5a3a22;--gold:#b98a45;--night:#20120a;--muted:#86654f;
  --serif:"Lora",Georgia,serif;--script:"Satisfy",cursive;--plate:rgba(255,253,248,.95);--plate-ink:#40261a;--tap-x:50%;--tap-y:55%}
.stage{background:#20120a}
.stage-tap{width:24%!important}
.pill{background:rgba(34,18,10,.82);color:#fff;border-color:rgba(250,210,160,.6)}
.skip{background:rgba(34,18,10,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(250,210,160,.8)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(250,210,160,0)}}
.hero{background-color:#fbf3e8}
.hero::before{border-color:rgba(170,100,60,.45)}.hero::after{border-color:rgba(170,100,60,.22)}
.rule{color:#b98a45}
.count{background:linear-gradient(180deg,rgba(34,18,10,.8) 0%,rgba(34,18,10,.5) 45%,rgba(34,18,10,.12) 78%,rgba(34,18,10,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(34,18,10,.55);border-color:rgba(250,210,160,.45)}
.note{background-color:#20120a}
.details{background:linear-gradient(rgba(34,18,10,.6),rgba(34,18,10,.8)),#20120a url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(48,24,12,.76),rgba(48,24,12,.9)),#20120a url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(34,18,10,.8),rgba(34,18,10,.92)),#20120a url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(34,18,10,.66),rgba(34,18,10,.82)),#20120a url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:50%;--tap-y:65%}
  .stage-tap{width:9%!important}
  .count{background:linear-gradient(90deg,rgba(34,18,10,.66) 0%,rgba(34,18,10,.34) 55%,rgba(34,18,10,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}