/* Scoped addition; existing Selected Work layout and hero geometry are untouched. */
.image-making { margin:0 0 80px; }
.image-making>header { display:flex; justify-content:space-between; align-items:baseline; gap:24px; border-top:1px solid #ccc; padding-top:18px; margin-bottom:36px; }
.image-making h2 { font-size:20px; font-weight:300; }
.image-making>header p { font-size:11px; color:#666; }
.image-making-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; align-items:center; }
.experiment-cover { width:100%; padding:0; border:0; background:none; min-width:0; cursor:pointer; text-align:left; }
.experiment-art { display:block; position:relative; transition:transform .28s ease,box-shadow .28s ease; }
.experiment-art img { display:block; width:100%; height:auto; }
.experiment-hint { position:absolute; bottom:12px; right:12px; padding:8px 11px; background:#fff; color:#111; font-size:10px; opacity:0; transition:opacity .2s; }
.experiment-cover:focus-visible { outline:2px solid #111; outline-offset:6px; }
.experiment-cover:focus-visible .experiment-art { transform:translateY(-4px); box-shadow:0 14px 24px #00000012; }
.experiment-cover:focus-visible .experiment-hint { opacity:1; }
@media(hover:hover) { .experiment-cover:hover .experiment-art { transform:translateY(-4px); box-shadow:0 14px 24px #00000012; } .experiment-cover:hover .experiment-hint { opacity:1; } }
@media(hover:none) { .experiment-hint { opacity:1; } }
#feature-dialog.is-experiment { width:min(1080px,94vw); }
#feature-dialog.is-experiment>.dialog-close {position:sticky;display:block;top:10px;right:auto;margin:10px 10px -54px auto;z-index:6;}
#feature-dialog.is-experiment .feature-layout { grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr); min-height:0; }
#feature-dialog.is-experiment .feature-media { height:min(76svh,760px); min-height:0; background:#f5f5f3; }
.experiment-media { display:block; min-width:0; min-height:0; width:100%; height:100%; object-fit:contain; }
#feature-dialog.is-experiment .feature-media[data-media-kind="image"] { touch-action:pan-y pinch-zoom; }
#feature-dialog.is-experiment .feature-copy { align-self:center; padding:65px 28px 35px; }
#feature-dialog.is-experiment .feature-copy h2 { font-size:clamp(22px,2.4vw,30px); line-height:1.3; }
.experiment-controls { display:flex; gap:12px; margin-top:32px; }
.experiment-controls button { width:44px; height:44px; border:1px solid #bbb; background:#fff; color:#111; font:inherit; cursor:pointer; }
.experiment-controls button:hover:not(:disabled),.experiment-controls button:focus-visible { background:#111; color:#fff; }
.experiment-controls button:disabled { opacity:.3; cursor:default; }
.experiment-status.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cc-collaboration-credit { font-size:11px; margin:20px 0; line-height:1.7; }
.cc-collaboration-credit strong { display:block; font-weight:400; }
.cc-collaboration-credit small { display:block; color:#777; }
/* Existing case preview: preserve the uploaded composition and link its real case. */
#feature-dialog.is-case .feature-media { background:#f4f4f2; min-height:0; height:min(70svh,600px); }
#feature-dialog.is-case .feature-image { object-fit:contain; object-position:50% 50%; }
#feature-dialog.is-case .feature-copy { align-self:center; }
.feature-case-link { display:inline-block; margin-top:25px; padding:12px 0; text-underline-offset:5px; font-size:12px; }
.feature-case-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:700px) {
  .image-making>header { display:block; margin-bottom:24px; }
  .image-making>header p { margin-top:12px; }
  .image-making-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
  #feature-dialog.is-experiment .feature-layout { grid-template-columns:1fr; }
  #feature-dialog.is-experiment .feature-media { height:55svh; }
  #feature-dialog.is-experiment .feature-copy { padding:22px; }
  #feature-dialog.is-experiment .feature-copy h2 { font-size:20px; margin:10px 0 16px; }
  .experiment-controls { margin-top:16px; }
  #feature-dialog.is-case .feature-media { height:45svh; }
}
@media(prefers-reduced-motion:reduce) { .experiment-art,.experiment-hint { transition:none; } .experiment-cover:hover .experiment-art,.experiment-cover:focus-visible .experiment-art { transform:none; } }
.motion-off .experiment-art,.motion-off .experiment-hint { transition:none; }
.motion-off .experiment-cover:hover .experiment-art,.motion-off .experiment-cover:focus-visible .experiment-art { transform:none; }
.feature-copy .feature-role{display:block;font-size:clamp(13px,1.2vw,16px);font-weight:400;line-height:1.65;margin:18px 0 22px;color:#161616}
.feature-copy .feature-role>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;color:#666}
.cc-story>h2+.cc-role{margin:16px 0 22px;padding:12px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;line-height:1.7;color:#161616}
/* User-supplied group prompts; details remain quiet until explicitly opened. */
.experiment-tool {font-size:10px!important;color:#70766c;}
.experiment-prompt {border-block:1px solid #e1e4dd;padding:14px 0;margin-top:20px;}
.experiment-prompt summary {display:flex;justify-content:space-between;gap:20px;font-size:11px;cursor:pointer;}
.experiment-prompt p {font-size:11px!important;line-height:1.8!important;margin:16px 0 0;overflow-wrap:anywhere;}