/* Real, caption-verified projects share one photographic treatment. */
.hero { margin-top: calc(-1 * var(--header-clearance)); padding-top: var(--header-clearance); }
.photo-mount>span { overflow: hidden; }
.photo-mount>span>img { width: 100%; height: 100%; object-fit: contain; padding: 3px; }
.with-photographs .photo-mount-front>span { background: #faf7f0; }
.with-photographs .photo-mount-back>span { background: #f4f7f2; }
.with-photographs .photo-mount-front { z-index: 3; }
.with-photographs .photo-mount-front img { transform: rotate(2deg); }
.hero-frame .presentation-photo, .detail-frame .presentation-photo { display: block; width: 100%; height: 100%; object-fit: contain; background: #fbf7ef; padding: 9px; }
.hero-frame .presentation-photo { padding: 12px; }
.hero-frame-shadow { position: absolute; inset: 0; filter: drop-shadow(0 2px 3px #78665b14) drop-shadow(0 7px 12px #78665b12); }
.occasion .occasion-picture.with-photo { mask: none; overflow: visible; background: transparent; }
.occasion-picture.with-photo::after { content: ''; position: absolute; inset: 15% 0; z-index: 0; background: #e1f1ed; mask: url('assets/direcao-a/pincelada-web.webp') center/100% 100% no-repeat; }
.occasion.pink .occasion-picture.with-photo::after { background: #fae0dc; }
.occasion.cream .occasion-picture.with-photo::after { background: #f5efe5; }
.occasion-picture.with-photo>img { position: relative; z-index: 1; width: 100%; height: 115%; object-fit: contain; max-width: 360px; padding: 4px 16px; transition: transform .2s ease; }
.occasion:hover .occasion-picture.with-photo>img { transform: translateY(-4px); }
.category-work-link { margin-left: 25px; margin-top: 12px; }
.collection-portfolio { margin-top: 32px; }
#portfolio-title { scroll-margin-top: 130px; }
.portfolio-grid { margin-top: 32px; }
.portfolio-count { font-size: 13px; color: var(--muted); white-space: nowrap; }
.project-image { background: #fff; transition: box-shadow .18s ease; }
.project-image img { background: #faf7f0; padding: 7px; }
.project-image:hover { box-shadow: 0 6px 20px #52634714; }
.example-dialog #example-content>img { background: #faf7f0; }
.request-inspiration>p { margin-top: 6px; }
.hero-composition::after { content: ''; position: absolute; left: -125px; bottom: -8px; width: 190px; height: 320px; background: url('assets/direcao-a/ramo.webp') center/contain no-repeat; z-index: 2; pointer-events: none; }
@media (max-width: 1100px) {
  .hero-composition::after { left: -100px; width: 155px; height: 260px; }
}
@media (max-width: 850px) {
  .hero-composition::after { display: none; }
}
@media (max-width: 600px) {
  .category-work-link { margin-left: 0; display: table; }
  .occasion-picture.with-photo>img { height: 110%; padding-inline: 0; }
  .portfolio-grid { margin-top: 25px; }
  .project-image { padding: 6px; }
  .project-image img { padding: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .occasion-picture.with-photo>img, .project-image { transition: none; }
  .occasion:hover .occasion-picture.with-photo>img { transform: none; }
}