/* The introductory copy follows the same baseline rhythm as postcard writing. */
.postcards-page .mama-full-photo .full-photo {position:absolute;inset:0;}
.postcards-page .mama-full-photo .mama-photo-title {position:absolute;top:9%;left:5%;right:5%;display:flex;justify-content:center;align-items:baseline;gap:2cqw;color:#142c29;white-space:nowrap;}
.postcards-page .mama-photo-title em {font:italic 6.4cqw/1.2 Georgia,serif;}
.postcards-page .mama-photo-title strong {font:800 6.7cqw/1.2 Montserrat,sans-serif;letter-spacing:-.04em;color:#142c29;box-shadow:inset 0 -.15em #f9df50;}
.postcards-page .postcard-front[data-design="v2"] .v2-copy > strong {
  background-image: url("assets/postcards/brickell-key-aerial.jpg");
  background-position: center 60%;
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .15cqw #f2d96a;
}
.postcards-page .creative-postcard:is(.creative-arch, .creative-wish, .creative-coffee) > div {
  justify-content: center;
  gap: 1.4cqw;
  min-width: 0;
}
.postcards-page .creative-postcard:is(.creative-arch, .creative-wish, .creative-coffee) strong,
.postcards-page .creative-postcard:is(.creative-arch, .creative-wish, .creative-coffee) em {
  font-size: 8cqw;
  line-height: 1.02;
}
.postcards-page .creative-postcard .creative-note {
  margin: 3cqw 0 2cqw;
  padding-top: 2cqw;
  border-top: 1px solid currentColor;
  font: italic 3.4cqw/1.3 Georgia, serif;
  color: inherit;
}
.postcards-page .creative-postcard:is(.creative-arch, .creative-wish, .creative-coffee) span {
  margin-top: 1cqw;
  line-height: 1.4;
}
.postcards-page .b-copy p strong { color: #fff; }
.postcards-page .b-photo img { object-position: 50% 60%; }
.postcards-page .postcard-opening > div > p:nth-of-type(2) {
  line-height: 2em;
  padding: 0 0 .15em;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(2em - 1px), #c5cec2 calc(2em - 1px), #c5cec2 2em);
}
/* Decorative stamp, not real postage. The scalloped paper edge is CSS only. */
.postcards-page .postcard-hero-print { container-type: inline-size; }
.postcards-page .postcard-hero-print .postcard-postmark {
  width: clamp(60px, 17cqw, 86px);
  height: auto;
  aspect-ratio: 5 / 6;
  right: 6%;
  top: 6%;
  container-type: inline-size;
  box-sizing: border-box;
  border: 0;
  padding: 9px 6px;
  border-radius: 0;
  outline: none;
  background: #faf8f3;
  box-shadow: 0 3px 9px #142c2928;
  transform: rotate(6deg);
  gap: 5px;
  font-size: 1.6rem;
}
.postcard-postmark::before {
  content: "";
  position: absolute;
  inset: -4px;
  pointer-events: none;
  border: 1px dashed #faf8f3;
  background:
    radial-gradient(circle, #faf8f3 3px, transparent 3.5px) top left / 10px 8px repeat-x,
    radial-gradient(circle, #faf8f3 3px, transparent 3.5px) bottom left / 10px 8px repeat-x,
    radial-gradient(circle, #faf8f3 3px, transparent 3.5px) top left / 8px 10px repeat-y,
    radial-gradient(circle, #faf8f3 3px, transparent 3.5px) top right / 8px 10px repeat-y;
}
.postcard-postmark::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid #142c2955;
  pointer-events: none;
}
.postcard-postmark .stamp-emblem {display:flex;flex-direction:column;align-items:center;justify-content:center;background:#142c29;border-radius:50%;width:82%;height:auto;aspect-ratio:1;flex-shrink:0;gap:2px;}
.postcard-postmark .stamp-emblem strong {font:800 32cqw/1 Montserrat,sans-serif;color:#fff;}
.postcards-page .postcard-postmark .stamp-emblem small {font:700 8cqw/1.3 Montserrat,sans-serif;color:#f9df50;letter-spacing:.04em;}
.postcard-postmark .stamp-place {font:700 7cqw/1.3 Montserrat,sans-serif;letter-spacing:.02em;color:#142c29;white-space:nowrap;}
@media(max-width:700px) {
  .postcards-page .postcard-hero-print .postcard-postmark {transform:rotate(6deg);transform-origin:top right;}
  .postcards-page .postcard-brand-strip span:nth-child(2) {display:block;text-align:center;line-height:1.7;}
  .postcards-page .postcard-brand-strip span:first-child {display:none;}
}