/* Final stock-photo layer. Original geometry, type, brand and 3D remain unchanged. */
.preview-picture[data-stock-layout],.detail-photo[data-stock-layout]{background:#f2f2f2;isolation:isolate;overflow:hidden;}
.preview-picture[data-stock-layout] img.stock-photo,.detail-photo[data-stock-layout] img.stock-photo{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;
  object-position:var(--stock-position,50% 50%);filter:none;opacity:1;
  transition:opacity 300ms ease;
}
.preview-picture img.stock-photo[data-stock-state="loading"],.detail-photo img.stock-photo[data-stock-state="loading"],
.preview-picture img.stock-photo[data-stock-state="error"],.detail-photo img.stock-photo[data-stock-state="error"]{opacity:0;}
.stock-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;
  color:#757575;font-size:12px;line-height:1.8;z-index:0;pointer-events:none;}
.stock-status[hidden]{display:none;}
figure[data-stock-layout] .preview-caption{z-index:4;max-width:calc(100% - 34px);background:rgba(0,0,0,.72);color:#fff;}
.stock-credit-button{font:inherit;border:0;padding:0;background:none;color:inherit;text-align:left;cursor:pointer;}
.stock-credit-button:hover{text-decoration:underline;text-underline-offset:3px;}
.stock-credit-button:focus-visible{outline:1px solid #fff;outline-offset:3px;}
.stock-license-short{display:block;font-size:8px;font-weight:400;line-height:1.6;opacity:.9;margin-top:2px;}
/* Multiple activities share the same existing media frame, not additional cards. */
.preview-picture[data-stock-layout="2"] img[data-stock-slot="0"],
.preview-picture[data-stock-layout="3"] img[data-stock-slot="0"]{width:60%;right:auto;}
.preview-picture[data-stock-layout="2"] img[data-stock-slot="1"]{left:calc(60% + 3px);width:calc(40% - 3px);}
.preview-picture[data-stock-layout="3"] img[data-stock-slot="1"]{left:calc(60% + 3px);width:calc(40% - 3px);height:calc(50% - 1.5px);bottom:auto;}
.preview-picture[data-stock-layout="3"] img[data-stock-slot="2"]{left:calc(60% + 3px);top:calc(50% + 1.5px);width:calc(40% - 3px);height:calc(50% - 1.5px);}
.detail-photo[data-stock-layout="2"] img[data-stock-slot="0"]{height:56%;bottom:auto;}
.detail-photo[data-stock-layout="2"] img[data-stock-slot="1"]{top:calc(56% + 3px);height:calc(44% - 3px);}
.detail-photo[data-stock-layout="3"] img[data-stock-slot="0"]{height:58%;bottom:auto;}
.detail-photo[data-stock-layout="3"] img[data-stock-slot="1"]{top:calc(58% + 3px);height:calc(42% - 3px);width:calc(50% - 1.5px);right:auto;}
.detail-photo[data-stock-layout="3"] img[data-stock-slot="2"]{top:calc(58% + 3px);left:calc(50% + 1.5px);height:calc(42% - 3px);width:calc(50% - 1.5px);}
/* Individual mosaic panes are already cropped; do not let scaled images cross the gutters. */
.portfolio .preview-picture[data-stock-layout="2"] img.stock-photo,
.portfolio .preview-picture[data-stock-layout="3"] img.stock-photo{transform:none;}
.footer-photo-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.stock-credits-dialog{width:min(800px,calc(100vw - 36px));max-height:calc(100dvh - 44px);overflow:auto;background:#fff;padding:40px;}
.stock-credits-dialog h2{font:300 clamp(25px,3vw,37px)/1.2 var(--display);letter-spacing:-.025em;margin:20px 0;}
.stock-credits-dialog>p{font-size:12px;line-height:1.85;color:#707070;}
.stock-credit-group{padding:17px 0;border-top:1px solid #e2e2e2;}
.stock-credit-group h3{font-weight:400;font-size:16px;margin:0 0 9px;}
.stock-credit-group p{margin:5px 0;color:#646464;font-size:12px;line-height:1.7;}
.stock-credit-group a{border-bottom:1px solid #c9af68;overflow-wrap:anywhere;}
@media(max-width:760px){
 .footer-photo-actions{gap:15px;}
 .stock-credits-dialog{padding:26px;}
 /* The mobile popup is a wide frame; use the same horizontal split as its preview. */
 .detail-photo[data-stock-layout="2"] img[data-stock-slot="0"],.detail-photo[data-stock-layout="3"] img[data-stock-slot="0"]{width:60%;height:100%;right:auto;}
 .detail-photo[data-stock-layout="2"] img[data-stock-slot="1"]{top:0;left:calc(60% + 3px);width:calc(40% - 3px);height:100%;}
 .detail-photo[data-stock-layout="3"] img[data-stock-slot="1"]{top:0;left:calc(60% + 3px);width:calc(40% - 3px);height:calc(50% - 1.5px);}
 .detail-photo[data-stock-layout="3"] img[data-stock-slot="2"]{top:calc(50% + 1.5px);left:calc(60% + 3px);width:calc(40% - 3px);height:calc(50% - 1.5px);}
 .stock-license-short{font-size:7px;}
}
@media(prefers-reduced-motion:reduce){.stock-photo{transition:none!important;}}