:root{--ink:#2f3322;--paper:#fbf8f0;--paper-2:#eceadb;--wax:#6b7b47;--wax-2:#8a9a5e;--pine:#3c4728;--gold:#b59c5c;--night:#1b1e13;--muted:#6e725c;
  --serif:"Cormorant Garamond",Georgia,serif;--script:"Marck Script",cursive;--plate:rgba(255,253,248,.95);--plate-ink:#2f3322;--tap-x:50.2%;--tap-y:50.1%}
.stage{background:#ece8dc}
.stage-tap{width:22%!important}
.pill{background:rgba(32,38,22,.82);color:#fff;border-color:rgba(226,228,190,.6)}
.skip{background:rgba(32,38,22,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(255,255,240,.9)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(255,255,240,0)}}
.hero{background-color:#fbf8f0}
.hero::before{border-color:rgba(150,140,90,.45)}.hero::after{border-color:rgba(150,140,90,.22)}
.rule{color:#b59c5c}
.count{background:linear-gradient(180deg,rgba(24,28,16,.78) 0%,rgba(24,28,16,.45) 45%,rgba(24,28,16,.12) 78%,rgba(24,28,16,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(24,28,16,.5);border-color:rgba(236,232,200,.45)}
.note{background-color:#1b1e13}
.details{background:linear-gradient(rgba(24,28,16,.55),rgba(24,28,16,.78)),#1b1e13 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(30,34,20,.72),rgba(30,34,20,.88)),#1b1e13 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(24,28,16,.78),rgba(24,28,16,.9)),#1b1e13 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(24,28,16,.62),rgba(24,28,16,.8)),#1b1e13 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:48.8%;--tap-y:53.3%}
  .stage-tap{width:8%!important}
  .count{background:linear-gradient(90deg,rgba(24,28,16,.66) 0%,rgba(24,28,16,.34) 55%,rgba(24,28,16,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}