/* Three visible prints, with more photographs waiting in the album. */
.ps-shell{width:100%;max-width:720px;margin-inline:auto;position:relative;color:#b41232;overflow:clip;isolation:isolate}
.ps-stage{position:relative;aspect-ratio:1/.96;min-width:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ps-print{position:absolute;left:50%;top:49%;width:76%;margin:0;padding:clamp(10px,2.2vw,19px) clamp(10px,2.2vw,19px) 0;border:0;border-radius:1px;box-shadow:0 5px 9px #32180b20,0 19px 30px -16px #411b2470;transform:translate(-50%,-50%) translate(var(--ps-x,0px),var(--ps-y,0px)) rotate(var(--ps-r,-6deg));transform-origin:50% 50%;transition:transform .55s cubic-bezier(.2,.9,.25,1.2),box-shadow .4s;cursor:pointer;will-change:transform;text-align:center;outline-offset:8px;-webkit-tap-highlight-color:transparent}
/* The front print keeps its berry paper through the theme's button states. */
#city-photo-stack button.ps-print {
  background:#fffdf5;
  color:#7b182a;
}
#city-photo-stack button.ps-print[data-depth="0"] {
  background:#9e2553;
  color:#fffdf5;
}
.ps-print[data-depth="0"]{--ps-x:-3%;--ps-y:1%;--ps-r:-6deg;z-index:3}
.ps-print[data-depth="1"]{--ps-x:6%;--ps-y:0%;--ps-r:8deg;z-index:2}
.ps-print[data-depth="2"]{--ps-x:-6%;--ps-y:-2%;--ps-r:-13deg;z-index:1}
.ps-print[hidden]{display:none}
.ps-image{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;pointer-events:none;filter:saturate(.96) contrast(1.02);background:#d5c4a7}
.ps-caption{min-height:clamp(61px,8vw,92px);padding:18px 4px 17px;display:flex;align-items:center;justify-content:center;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-weight:700;font-size:clamp(13px,1.6vw,21px);font-style:normal;line-height:1.25;letter-spacing:-.045em;transform:rotate(-2deg);pointer-events:none;white-space:normal}
#city-photo-stack .ps-caption{color:inherit}
#city-photo-stack .ps-print:focus-visible{outline:3px solid #7b182a;box-shadow:0 6px 12px #32180b20,0 22px 35px -16px #411b2470}
.ps-touch-note{position:absolute;z-index:6;bottom:1%;right:6%;font:700 clamp(10px,1.05vw,13px)/1.4 'Segoe Print','Bradley Hand','Comic Sans MS',cursive;transform:rotate(-5deg);pointer-events:none}
.ps-touch-note span{display:inline-block;font:400 25px/1 Georgia,serif;vertical-align:-3px;margin-right:6px;transform:rotate(15deg)}
.ps-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:'prev count next' 'picks picks picks';align-items:center;gap:8px 12px;position:relative;z-index:10;max-width:340px;margin-inline:auto;padding:8px 15px 20px;font-family:Archivo,Arial,sans-serif}
.ps-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid #b4123280;border-radius:50%;background:transparent;color:#b41232;font:400 23px/1 Arial,sans-serif;transition:background .2s,transform .25s;cursor:pointer}
.ps-prev{grid-area:prev}.ps-next{grid-area:next}
.ps-arrow:hover{background:#ffbd11;transform:rotate(-8deg)}
.ps-arrow:focus-visible,.ps-select:focus-visible{outline:3px solid #ffbd11;outline-offset:4px}
.ps-picks{grid-area:picks;display:grid;grid-template-columns:repeat(6,44px);gap:5px;align-items:center;justify-content:center}
.ps-select{position:relative;min-width:44px;min-height:44px;border:0;padding:8px 7px;background:transparent;color:#b41232;font:800 12px/1 Archivo,Arial,sans-serif;opacity:.45;cursor:pointer;transition:opacity .25s}
.ps-select[aria-current="true"]{opacity:1}
.ps-select::after{content:'';position:absolute;bottom:3px;left:9px;right:9px;height:3px;background:#b41232;border-radius:3px;transform:scaleX(0);transition:transform .3s}
.ps-select[aria-current="true"]::after{transform:scaleX(1)}
.ps-select:hover{opacity:1}
.ps-count{grid-area:count;font:700 11px/1 Archivo,Arial,sans-serif;letter-spacing:.08em;min-width:42px;text-align:center;opacity:.75}
.ps-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ps-shell.ps-busy .ps-print{transition:none;cursor:progress}
.ps-shell.ps-busy .ps-arrow,.ps-shell.ps-busy .ps-select{cursor:progress}
.ps-shell.ps-dragging .ps-print[data-depth="0"]{transition:none}
@media(hover:hover) and (pointer:fine){
 .ps-shell:not(.ps-busy):not(.ps-dragging) .ps-stage:hover .ps-print[data-depth="0"]{--ps-x:-5%;--ps-y:-2%;--ps-r:-8deg;box-shadow:0 6px 12px #32180b20,0 26px 35px -18px #411b2470}
 .ps-shell:not(.ps-busy):not(.ps-dragging) .ps-stage:hover .ps-print[data-depth="1"]{--ps-x:11%;--ps-y:-1%;--ps-r:12deg}
 .ps-shell:not(.ps-busy):not(.ps-dragging) .ps-stage:hover .ps-print[data-depth="2"]{--ps-x:-10%;--ps-y:-3%;--ps-r:-17deg}
}
@media(max-width:700px){
 .ps-shell{max-width:520px;overflow:clip}
 .ps-stage{aspect-ratio:1/.98}
 .ps-print{width:76%;padding:11px 11px 0}
 .ps-caption{min-height:65px;font-size:clamp(11px,3.1vw,16px);padding:14px 1px 15px}
 .ps-touch-note{bottom:1%;right:6%;font-size:10px}
 .ps-controls{gap:8px 12px;padding-top:8px}.ps-count{font-size:10px}
}
@media(max-width:400px){.ps-picks{grid-template-columns:repeat(3,44px)}}
@media(prefers-reduced-motion:reduce){
 .ps-print,.ps-arrow,.ps-select,.ps-select::after{transition:none!important}
 .ps-shell .ps-stage:hover .ps-print[data-depth="0"]{--ps-x:-3%;--ps-y:1%;--ps-r:-6deg}
 .ps-shell .ps-stage:hover .ps-print[data-depth="1"]{--ps-x:6%;--ps-y:0%;--ps-r:8deg}
 .ps-shell .ps-stage:hover .ps-print[data-depth="2"]{--ps-x:-6%;--ps-y:-2%;--ps-r:-13deg}
}