{
  "page": "/* ==========================================================================\n   Portfolio thumbnail hover\n   Target page: /portfolio/thumbs\n\n   On hover: full frame dims slightly (for caption legibility), image\n   zooms subtly, and a terracotta frame draws itself in around the inside\n   edge of the photo from two opposite corners.\n\n   IMPORTANT: the frame's corner pieces are attached to the overlay div\n   (already position:absolute inline), NOT to the thumbnail container.\n   Forcing position:relative on the container itself breaks Photofolio's\n   own absolute-positioning coordinate system for sibling elements.\n\n   Paste into Photofolio's site-wide Custom CSS panel.\n   ========================================================================== */\n\n/* Contain the zoom so it doesn't bleed into neighboring thumbnails */\n[data-dx-inline-thumbnail=\"true\"] {\n  overflow: hidden !important;\n}\n\n/* --- Image: subtle zoom on hover, full color always --- */\n[data-dx-inline-thumbnail=\"true\"] img {\n  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n  transform: scale(1);\n}\n\n[data-dx-inline-thumbnail=\"true\"]:hover img {\n  transform: scale(1.06);\n}\n\n/* --- Overlay: uniform charcoal dim, just enough for the caption to read --- */\n[data-dx-inline-thumbnail=\"true\"] > div:last-child {\n  background: rgba(71, 45, 54, 0.48) !important;\n  /* plum #472D36 */\n  transition: opacity 0.5s ease !important;\n}\n\n/* --- ALTERNATE: diagonal charcoal-to-plum blend instead of pure plum.\n       Ties the overlay back to the site's dominant charcoal identity\n       while still introducing plum richness toward the other corner.\n       To use: comment out the solid plum rule above, uncomment this one. --- */\n/*\n[data-dx-inline-thumbnail=\"true\"] > div:last-child {\n  background: linear-gradient(\n    125deg,\n    rgba(37, 35, 32, 0.5) 0%,\n    rgba(71, 45, 54, 0.5) 100%\n  ) !important;\n  transition: opacity 0.5s ease !important;\n}\n*/\n\n/* --- Frame: terracotta corners draw into a full inset frame on hover.\n       Attached to the overlay div (already position:absolute), which is\n       always exactly the size/position of the photo. --- */\n[data-dx-inline-thumbnail=\"true\"] > div:last-child::before,\n[data-dx-inline-thumbnail=\"true\"] > div:last-child::after {\n  content: \"\";\n  position: absolute;\n  z-index: 5;\n  pointer-events: none;\n  width: 0;\n  height: 0;\n  border: 2px solid #b96850;\n  /* terracotta */\n  transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.05s,\n    height 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.05s;\n}\n\n[data-dx-inline-thumbnail=\"true\"] > div:last-child::before {\n  top: 14px;\n  left: 14px;\n  border-right: 0;\n  border-bottom: 0;\n}\n\n[data-dx-inline-thumbnail=\"true\"] > div:last-child::after {\n  bottom: 14px;\n  right: 14px;\n  border-left: 0;\n  border-top: 0;\n}\n\n[data-dx-inline-thumbnail=\"true\"]:hover > div:last-child::before,\n[data-dx-inline-thumbnail=\"true\"]:hover > div:last-child::after {\n  width: calc(100% - 28px);\n  height: calc(100% - 28px);\n}\n\n/* --- Caption: gentle letter-spacing expansion on hover, plus a shadow\n       so white text stays legible over light or bright areas of a photo --- */\n[data-dx-inline-thumbnail=\"true\"] span {\n  transition: letter-spacing 0.4s ease;\n  letter-spacing: 0px;\n  text-shadow: 0 1px 3px rgba(37, 35, 32, 0.65), 0 2px 10px rgba(37, 35, 32, 0.45);\n}\n\n[data-dx-inline-thumbnail=\"true\"]:hover span {\n  letter-spacing: 2.5px;\n}\n\n\n\n\n\n\n\nimg.logoImage {\n  width: clamp(140px, 12vw, 201px) !important;\n  height: clamp(140px, 12vw, 201px) !important;\n}\n\n\n\n\n@media (max-width: 767px) {\n    img.logoImage {\n        width: 176px !important;\n        height: 176px !important;\n        max-width: 80vw !important;\n    }\n}\n\n\n\n\n\nbody .MediaView\\.container .ql-editor iframe.responsive {\n  width: 80% !important;\n  max-width: 80% !important;\n  height: 45vw !important;\n  display: block !important;\n  margin: 0 auto !important;\n}\n\n\n\n\n\n@media (max-width: 767px) {\n    span[style*=\"0.775rem\"] {\n        font-family: 'Outfit', sans-serif !important;\n        font-weight: 200 !important;\n        font-size: 1rem !important;\n    }\n}\n\n\n\n\n\n\n\n",
  "js": "window.dispatchEvent(new Event('resize'));\n"
}