:root{--ink:#3a2114;--paper:#fbf1df;--paper-2:#f2e0c2;--wax:#b3261e;--wax-2:#d2402f;--pine:#2f5a34;--gold:#c98a2b;--night:#1c0f08;--muted:#86664c;
  --serif:"Fraunces",Georgia,serif;--script:"Sacramento",cursive;--plate:rgba(255,248,236,.95);--plate-ink:#3a2114;--tap-x:50%;--tap-y:66%}
.stage{background:#1c0f08}
.stage-tap{width:26%!important}
.pill{background:rgba(28,14,6,.82);color:#fff;border-color:rgba(255,214,150,.6)}
.skip{background:rgba(28,14,6,.5);color:#fff}
.stage-tap .ring{animation-name:ring-t}
@keyframes ring-t{0%{box-shadow:0 0 0 0 rgba(255,214,150,.75)}100%{box-shadow:0 0 0 calc(var(--fw)*.07) rgba(255,214,150,0)}}
.hero{background-color:#fbf1df}
.hero::before{border-color:rgba(150,90,40,.45)}.hero::after{border-color:rgba(150,90,40,.22)}
.rule{color:#c98a2b}
.count{background:linear-gradient(180deg,rgba(28,14,6,.78) 0%,rgba(28,14,6,.45) 45%,rgba(28,14,6,.08) 78%,rgba(28,14,6,.5) 100%),url(hero-m.jpg) center bottom/cover no-repeat}
.tile{background:rgba(28,14,6,.55);border-color:rgba(255,214,150,.45)}
.note{background-color:#1c0f08}
.details{background:linear-gradient(rgba(28,14,6,.6),rgba(28,14,6,.8)),#1c0f08 url(dinner.jpg) center/cover no-repeat}
.rsvp,.album{background:linear-gradient(rgba(40,18,10,.76),rgba(40,18,10,.9)),#1c0f08 url(count.jpg) center/cover no-repeat}
.foot{background:linear-gradient(rgba(28,14,6,.8),rgba(28,14,6,.92)),#1c0f08 url(note-wide.jpg) center/cover no-repeat}
.extras{background:linear-gradient(rgba(28,14,6,.66),rgba(28,14,6,.82)),#1c0f08 url(stage.jpg) center/cover no-repeat}
@media (min-aspect-ratio:1/1){
  :root{--tap-x:50%;--tap-y:70%}
  .stage-tap{width:10%!important}
  .count{background:linear-gradient(90deg,rgba(28,14,6,.62) 0%,rgba(28,14,6,.3) 55%,rgba(28,14,6,0) 100%),url(hero-wide.jpg) right center/cover no-repeat}
}