/* Matte instant-photo stock: fine grain, a pressed image edge and a slim foot. */
.hero-photo,.shop-contact-photo{
  --print-edge:12px;
  --print-foot:40px;
  padding:var(--print-edge) var(--print-edge) var(--print-foot);
  background-color:#faf9f3;
  background-image:url('/assets/photo-paper-grain.svg'),linear-gradient(135deg,#fffefa 0%,#f6f5ee 64%,#eeeee7 100%);
  background-size:180px 180px,100% 100%;
  border:1px solid #d8d8ce;
  border-radius:1px;
  box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #d4d3c9,1px 3px 2px #34291f24,0 10px 18px #3b291e1c,0 24px 36px #3b291e10;
}
.hero-photo::before,.shop-contact-photo::before{
  content:'';
  position:absolute;
  z-index:1;
  inset:var(--print-edge) var(--print-edge) var(--print-foot);
  border:1px solid #65695c38;
  box-shadow:inset 0 1px 3px #282c252b,0 1px 0 #fff9;
  pointer-events:none;
}
.hero-photo::after,.shop-contact-photo::after{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:1px;
  box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 1px #b9b9b529;
  pointer-events:none;
}
.photo-caption,.shop-contact-photo figcaption{
  left:20px;
  right:20px;
  bottom:10px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 18px;
  column-gap:7px;
  align-items:center;
  min-height:18px;
  text-align:center;
  line-height:1.4;
  font-size:11px;
  letter-spacing:0;
}
.photo-caption-text{grid-column:2;display:block}
.photo-caption>.icon,.shop-contact-photo figcaption>.icon{grid-column:3;grid-row:1;width:18px;height:18px}
.toumpa-stamp{
  --stamp-size:152px;
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  width:var(--stamp-size);
  height:var(--stamp-size);
  padding:20px 14px;
  background:none;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  filter:none;
  color:#32251b;
  text-shadow:none;
  transform:rotate(-8deg);
  isolation:isolate;
  z-index:3;
}
.toumpa-stamp::before{content:'';position:absolute;inset:0;z-index:-1;border:0;border-radius:0;background:url('/assets/toumpa-paper-stamp-clear.svg') center/contain no-repeat;filter:drop-shadow(0 2px 1px #51402424);pointer-events:none}
.toumpa-stamp>strong{font-family:var(--font-display);font-size:31px;font-weight:700;line-height:1.3;letter-spacing:-.035em;margin:1px 0}
.toumpa-stamp>span{font-family:var(--font-body);font-size:8.5px;font-weight:700;line-height:1.5;letter-spacing:.1em}
.round-stamp{bottom:48px;left:-49px}
.shop-contact-stamp{bottom:64px;left:-44px}
/* Both photo notes share one paper graphic and centre their live icon and label. */
.story-photo-wrap{--photo-left-inset:20px}
:is(.story-photo-wrap,.visit-photo)>.photo-note{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  left:50%;
  right:auto;
  bottom:-4px;
  width:300px;
  max-width:calc(100% - 40px);
  min-height:88px;
  padding:22px 18px 12px;
  gap:9px;
  background:none;
  color:var(--brown);
  border:0;
  border-radius:0;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:500;
  line-height:1.45;
  text-align:center;
  transform:translateX(-50%) rotate(-2deg);
  filter:none;
  isolation:isolate;
  z-index:2;
}
.photo-note::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/photo-note-paper.svg') center/100% 100% no-repeat;filter:drop-shadow(0 3px 2px #3b291e26);pointer-events:none}
.story-photo-wrap>.photo-note{left:calc(50% + var(--photo-left-inset)/2)}
.photo-note-mark{display:flex;align-items:center;flex-shrink:0}
.photo-note-pin{width:26px;height:32px}
.photo-note-mark>.icon{width:24px;height:24px}
.photo-note-label{display:block;min-width:0}
.photo-note-label>span{display:block}
.photo-note-arrow{width:28px;height:24px;flex-shrink:0;color:var(--red)}
.visit-photo{overflow:visible;border-radius:0;padding-bottom:20px}
.visit-photo>img{border-radius:5px}
.visit-photo:hover .photo-note-label{color:var(--red)}
@media(min-width:681px) and (max-width:860px){
  .toumpa-stamp{--stamp-size:124px;padding:16px 11px;gap:3px}
  .toumpa-stamp>strong{font-size:25px}
  .toumpa-stamp>span{font-size:7.5px}
  .round-stamp{left:-30px}
  .shop-contact-stamp{left:-22px;bottom:58px}
}
@media(max-width:680px){
  .story-photo-wrap{--photo-left-inset:15px}
  :is(.story-photo-wrap,.visit-photo)>.photo-note{width:280px;max-width:calc(100% - 24px);min-height:82px;padding:20px 13px 12px;gap:7px;font-size:12.5px}
  .photo-note-pin{width:23px;height:29px}
  .photo-note-mark>.icon{width:21px;height:21px}
  .photo-note-arrow{width:24px;height:22px}
  .hero-photo,.shop-contact-photo{--print-edge:8px;--print-foot:34px}
  .photo-caption,.shop-contact-photo figcaption{left:13px;right:13px;bottom:8px;grid-template-columns:15px minmax(0,1fr) 15px;column-gap:5px;min-height:16px;font-size:9px}
  .photo-caption>.icon,.shop-contact-photo figcaption>.icon{width:15px;height:15px}
  .toumpa-stamp{--stamp-size:116px;padding:15px 9px;gap:3px}
  .toumpa-stamp>strong{font-size:24px}
  .toumpa-stamp>span{font-size:7.3px}
  .round-stamp{bottom:40px;left:0}
  .shop-contact-stamp{bottom:60px;left:0}
}