:root{--ink:#2b2226;--paper:#fdf7f4;--paper-2:#f3e4e0;--wax:#b8862f;--wax-2:#d9a6a0;--pine:#16402f;--gold:#c49a45;--night:#0e211a;--muted:#7a6a6c;
  --serif:"Cormorant Garamond",Georgia,serif;--script:"Marck Script",cursive;--plate:rgba(255,253,248,.95);--plate-ink:#2b2226;--tap-x:50.2%;--tap-y:49.6%}
.stage{background:#0e211a}
.stage-tap{width:22%!important}
.pill{background:rgba(14,34,26,.82);color:#fff;border-color:rgba(226,228,190,.6)}
.skip{background:rgba(14,34,26,.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:#fdf7f4}
.hero::before{border-color:rgba(190,140,120,.45)}.hero::after{border-color:rgba(190,140,120,.22)}
.rule{color:#c49a45}
.count{background:linear-gradient(180deg,rgba(12,30,22,.78) 0%,rgba(12,30,22,.45) 45%,rgba(12,30,22,.12) 78%,rgba(12,30,22,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(12,30,22,.5);border-color:rgba(236,232,200,.45)}
.note{background-color:#0e211a}
.details{background:linear-gradient(rgba(12,30,22,.55),rgba(12,30,22,.78)),#0e211a url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(14,36,27,.72),rgba(14,36,27,.88)),#0e211a url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(12,30,22,.78),rgba(12,30,22,.9)),#0e211a url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(12,30,22,.62),rgba(12,30,22,.8)),#0e211a url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:49.8%;--tap-y:50.5%}
  .stage-tap{width:8%!important}
  .count{background:linear-gradient(90deg,rgba(12,30,22,.66) 0%,rgba(12,30,22,.34) 55%,rgba(12,30,22,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}