/* The fabric opens inside project 05's original sticky scene. */
.story-05 .story-sticky,.story-05 .story-cinema { background:linear-gradient(120deg,#fff0cf 0%,#fbe8df 46%,#f7c9c9 100%); }
.story-05 .scene-back { object-fit:contain; object-position:center; transform:none; filter:none; }
.story-05 .scene-shade { background:linear-gradient(90deg,rgba(250,235,224,.91),rgba(250,230,221,.32) 60%,rgba(245,219,211,.62)),linear-gradient(0deg,rgba(233,199,192,.38),transparent 55%); opacity:var(--cut-content,1); }
.story-05 .story-copy { color:#342b2c; opacity:var(--cut-content,1); transform:translate3d(0,calc((1 - var(--cut-content,1)) * 30px),0); }
.story-05 .story-action { color:#645154; }
.story-05 .evidence { opacity:var(--cut-content,1); }
.story-05 .evidence>p,.story-05 .case-link { color:#3f3031; }
.story-05 #story-05-title { position:relative; }
.story-05 .project05-title-space { visibility:hidden; }
.story-05 .project05-logo { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
.project05-cut { position:absolute; inset:0; z-index:6; pointer-events:none; overflow:hidden; }
.project05-cloth { position:absolute; inset:0; opacity:0; background-image:url('./assets/project-05-cut-fabric.png'); background-position:center; background-size:cover; filter:sepia(.42) saturate(.65) hue-rotate(326deg) contrast(.75) blur(.65px); mix-blend-mode:multiply; }
.project05-cut.is-ready .project05-cloth { opacity:.3; }
.project05-scissors { position:absolute; width:clamp(75px,8vw,120px); height:auto; left:50%; top:12%; transform:translate(-50%,-88%) rotate(-10deg); opacity:0; filter:drop-shadow(0 1px 2px rgba(119,71,63,.4)); }
.project05-cut.is-ready .project05-scissors { opacity:1; }
.project05-scissor-tilt { stroke-width:2.6; }
.project05-scissor-tilt .sketch { stroke-width:1; opacity:.6; }
.project05-blade { transform-origin:60px 91px; }
@media (prefers-reduced-motion:reduce) { .project05-cut { display:none; } .story-05 .story-copy,.story-05 .evidence { opacity:1; transform:none; } .story-05 .scene-shade { opacity:1; } }

.story-05 .project05-inline-video { display:block; width:100%; height:auto; max-height:36svh; object-fit:contain; background:#000; border:1px solid rgba(255,240,201,.35); box-shadow:0 15px 32px rgba(0,0,0,.3); }
@media (max-width:820px) { .story-05 .project05-inline-video { max-height:18svh; } }

/* Project 05: isolate the supplied hand-drawn objects without altering the original image. */
.story-05 .project05-logo { width:150%; height:150%; top:-12%; overflow:visible; }
.story-05 .story-question { margin-top:82px; }
.project05-collage { position:absolute; inset:0; z-index:3; opacity:var(--cut-content,1); pointer-events:none; overflow:hidden; }
.project05-collage svg { position:absolute; overflow:hidden; display:block; }
.project05-collage-pencil { width:clamp(150px,17vw,260px); left:40%; top:10%; transform:rotate(-9deg); opacity:.8; }
.project05-collage-thread { width:clamp(70px,8vw,115px); right:34%; top:7%; transform:rotate(12deg); opacity:.86; }
.project05-collage-hook { width:clamp(18px,2.2vw,32px); right:1.7%; top:42%; transform:rotate(12deg); opacity:.8; }
@media (max-width:820px) {
  .story-05 .project05-logo { width:135%; height:135%; top:-5%; }
  .story-05 .story-question { margin-top:45px; }
  .project05-collage-pencil { width:100px; left:auto; right:4%; top:10%; }
  .project05-collage-thread { width:58px; right:5%; top:27%; }
  .project05-collage-hook { width:18px; right:2%; top:48%; }
}

/* Project 05 detail header: soft video backdrop beneath the existing content. */
.dialog-top .project05-detail-background { display:none; }
.dialog-top.project05-detail-active { color:#342b2c; background:#f9e9e4; }
.dialog-top.project05-detail-active .project05-detail-background { display:block; position:absolute; z-index:0; inset:-2%; width:104%; height:104%; object-fit:cover; object-position:center; filter:blur(4px) saturate(.78); opacity:.65; pointer-events:none; }
.dialog-top.project05-detail-active::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(250,238,228,.78),rgba(250,235,228,.54) 58%,rgba(250,229,222,.46)); }
.dialog-top.project05-detail-active #dialogTags span { border-color:rgba(66,48,47,.4); }
@media (prefers-reduced-motion:reduce) { .dialog-top.project05-detail-active .project05-detail-background { display:none; } }