/* Owner-requested trial: transparent outline rectangles, displaced slightly.
   No filled backings, masks, softened photo edges, or frames on logos/video. */
.photo-frame-trial .trial-frame { position: relative; min-width: 0; --frame-color: #101010; }
.photo-frame-trial .trial-frame::before { content: ""; display: block; position: absolute; z-index: 4; inset: 0; box-sizing: border-box; border: 3px solid var(--frame-color); background: none; transform: translate(8px,6px); pointer-events: none; }
.photo-frame-trial .frame-pink { --frame-color: #ff00b8; }
.photo-frame-trial .frame-yellow { --frame-color: #ffea00; }
.photo-frame-trial .frame-blue { --frame-color: #1648ff; }
.photo-frame-trial .frame-black { --frame-color: #101010; }
/* Reserve room at the viewport edges; the complete original image still fits. */
.home-layout-review .trio-photo.trial-frame,
.home-layout-review .toast-photo.trial-frame,
.home-layout-review .nutella-wide-feature > .trial-frame { margin: 12px 14px 18px 6px; }
.home-layout-review .nutella-wide-feature > .trial-frame > img { display: block; width: 100%; height: auto; object-fit: contain; filter: none; mix-blend-mode: normal; }
.home-layout-review .goddess-panel > figure.trial-frame { overflow: visible; }
.photo-frame-trial .trial-frame + figcaption { position: relative; margin-top: 14px; }
.vibe-immersive .patio-detail > .trial-frame + figcaption { margin-top: 8px; }
/* The short pink curve stays below the crown printed above the right-hand cup. */
.home-layout-review .monkey-arrow { stroke: #ff00b8; }
.home-layout-review .yellow-paper-break .open-late-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.home-layout-review .yellow-paper-break .hookah-note { margin: 0; padding: 9px 14px; background: #101010; color: #fff; font: 800 clamp(20px,3vw,34px)/1.1 MadhouseBlock,Impact,sans-serif; letter-spacing: .015em; }
/* Only the Random Guy inset grows/tilts; its supplied crown becomes smaller. */
.vibe-immersive .patio-pair-layout { grid-template-columns: 50% 50%; }
.vibe-immersive .patio-detail { transform: rotate(5deg); }
.vibe-immersive .patio-link-arrow { width: 50%; }
.vibe-immersive .patio-crown { left: 22.75%; top: 10.9%; width: 16.5%; }
@media (max-width: 700px) {
  .photo-frame-trial .trial-frame::before { border-width: 2px; transform: translate(5px,4px); }
  .home-layout-review .trio-photo.trial-frame,
  .home-layout-review .toast-photo.trial-frame,
  .home-layout-review .nutella-wide-feature > .trial-frame,
  .home-layout-review .goddess-panel > figure.trial-frame { margin: 8px 10px 13px 4px; }
}