:root{
  --bg:#f3ede2; --bg2:#e9e0d0; --surface:#fbf8f2;
  --ink:#29271f; --muted:#6d6553;
  --accent:#3c5440; --accent-ink:#f6f1e7; --brass:#9c7d40;
  --line:rgba(41,39,31,0.12); --nav:rgba(243,237,226,0.82); --foot:#26241d;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#f3ede2;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;}
::selection{background:#3c5440;color:#fff;}
@keyframes ppFade{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
@keyframes ppFadeSlow{from{opacity:0;}to{opacity:1;}}
.pp-tile{border:0;padding:0;background:none;}
.pp-tile img{transition:transform .6s ease;}
.pp-tile:hover img{transform:scale(1.05);}
.pp-dot{width:9px;height:9px;border-radius:100px;border:0;padding:0;background:rgba(41,39,31,0.25);transition:all .4s ease;cursor:pointer;}
.pp-dot.active{width:26px;background:var(--accent);}