/* MagicalPurr - recreated from the original 2017 design */
*{box-sizing:border-box}
html{background:#000}
body{margin:0;padding:8px 0 0;background:#000 url(/images/egyptback.jpg);color:#F3C295;
  font:15px/1.55 Arial,Helvetica,sans-serif}
a{color:#fff} a:visited{color:#9966CC} a:hover{color:#ccc} a:active{color:#D9BFA4}
img{border:0;max-width:100%;height:auto}
h2{font-size:17px;color:#E3B58B;margin:.9em 0 .5em}
h3{font-size:15px;color:#FADBB2;margin:.9em 0 .4em}
.center{text-align:center}

.wrap{width:956px;max-width:100%;margin:0 auto;border:3px solid #633;background:#000}
.stagebox{width:100%;overflow-x:auto;overflow-y:hidden}
.js .stagebox{overflow:hidden}
.stage{position:relative;width:950px;background-repeat:no-repeat;background-position:0 0;transform-origin:0 0}
.logo{position:absolute;top:0;right:0;display:block;line-height:0}
.logo img{max-width:none}

/* nav buttons: swap to the lit version on hover/focus with CSS only */
.nb{position:relative;display:block;line-height:0}
.nb img{display:block;max-width:none}
.nb .n2{position:absolute;left:0;top:0;opacity:0;transition:opacity .12s}
.nb:hover .n2,.nb:focus-visible .n2{opacity:1}
.stage .side-nav{position:absolute;left:0;top:383px;width:205px}

/* home: text on the original peach texture */
.home-text{background:#FDD1A4 url(/assets/peach.jpg) repeat-y 0 0;border-bottom:7px solid #2c012c;
  color:#000;padding:10px 25px 22px;min-height:180px}
.home-text p{margin:0 0 .9em;padding:0 5px 0 10px}
.home-text .lead{font-size:16px}
.home-text a{color:#472039}
.mobile-nav{display:none}

/* inner pages */
.inner{display:flex;gap:16px;align-items:flex-start;padding:0 14px 30px 0}
.inner .side-nav{flex:0 0 205px}
.inner-text{flex:1;min-width:0;padding-top:18px}
.inner-text img{display:block}
.card{display:block;font-style:normal;margin:1em 0;line-height:1.7;font-size:16px}
.gallery{text-align:center}
.gallery figure{margin:0 0 34px}
.gallery img{margin:0 auto 8px}
.gallery figcaption{color:#FADBB2;font-weight:bold;font-size:14px}
.gallery .pair{display:flex;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.gallery .pair img{margin:0}

/* footer */
.foot{text-align:center;padding:24px 12px 30px;color:#F3C295;max-width:956px;margin:0 auto;font-size:13px}
.foot p{margin:.7em 0}
.foot .badges{display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap}
.foot a{color:#fff}
.credit{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px}
.wwwlogo{display:block}

@media (max-width:760px){
  body{font-size:16px}
  .stage .side-nav{display:none}
  .mobile-nav{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;background:#000;padding:8px 0 4px}
  .mobile-nav .nb img{width:100%;height:auto;max-width:100%}
  .inner{display:block;padding:0 0 24px}
  .inner .side-nav{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:8px 0 4px}
  .inner .side-nav .nb img{width:100%;height:auto;max-width:100%}
  .inner-text{padding:6px 16px 0}
  .home-text{padding:12px 14px 20px}
  .gallery .pair img{max-width:46%}
}
