/* The photo remains an authentic local image; this layer only choreographs its reveal. */
.portrait-layer{--background:0;--reveal:0;--layout:0;--copy:0;position:absolute;inset:0;z-index:0;pointer-events:none;visibility:hidden;color:#283b32}
.portrait-paper{position:absolute;inset:0;background:#f5f1e8;opacity:1}
.portrait-heading{position:absolute;left:7%;right:7%;top:7%;display:flex;justify-content:space-between;opacity:var(--copy);font:9px/1.5 monospace;letter-spacing:2px;color:#687769}
.portrait-figure{position:absolute;left:calc(50% + var(--layout)*17%);top:calc(48% + var(--layout)*2%);width:clamp(280px,39vw,490px);margin:0;transform:translate(-50%,-50%) scale(calc(.88 + var(--layout)*.12));mix-blend-mode:multiply;opacity:1}
.portrait-figure img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);filter:saturate(1)}
.portrait-scan{display:none;position:absolute;left:8%;right:8%;top:var(--wipe);height:1px;background:#79e5f1;box-shadow:0 0 13px 3px #8ce7e777;opacity:calc(4*var(--reveal)*(1 - var(--reveal)));mix-blend-mode:screen}
.portrait-copy{position:absolute;left:10%;top:29%;opacity:var(--copy);transform:translateY(calc((1 - var(--copy))*16px));max-width:38%}
.portrait-kicker{font-size:11px;color:#7b806e;letter-spacing:1px}
.portrait-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.25;font-weight:400;letter-spacing:3px;margin:24px 0}
.portrait-copy h2 span{color:#527060}.portrait-copy p{font-size:13px;letter-spacing:2px;margin:0;color:#657263}
.portrait-rule{width:38px;height:1px;background:#a4b19b;margin:28px 0 20px}.portrait-copy .portrait-note{font-size:11px;letter-spacing:1px;color:#848a79}
.portrait-footer{position:absolute;left:7%;right:7%;bottom:13%;display:flex;justify-content:space-between;opacity:var(--copy);font-size:10px;letter-spacing:1px;color:#89917e}
.act3-active #next-act{color:#526b5c;background:#faf8efbb;border-color:#a7b79b80;bottom:20px}
@media(max-width:700px){.portrait-heading{top:6%;font-size:7px;letter-spacing:1px}.portrait-figure{left:50%;top:calc(48% + var(--layout)*10%);width:min(86vw,390px)}.portrait-copy{left:8%;top:12%;max-width:84%}.portrait-kicker{font-size:10px}.portrait-copy h2{font-size:36px;line-height:1.2;margin:14px 0}.portrait-copy h2 br{display:none}.portrait-copy p{font-size:11px}.portrait-rule,.portrait-copy .portrait-note{display:none}.portrait-footer{bottom:9%;font-size:9px}.portrait-footer span:last-child{display:none}}

/* A feathered screen-space scan replaces pixels, preventing a double face. */
#scene{z-index:1;--curtain:-15%;mask-image:linear-gradient(to bottom,transparent calc(var(--curtain) - 3%),#000 calc(var(--curtain) + 3%))}
#studio>.intro,#studio>.corner,#studio>.tools,#studio>.drag-cue{z-index:2}
.portrait-sweep{position:absolute;pointer-events:none;z-index:2;left:15%;right:15%;top:var(--curtain,-15%);height:1px;background:linear-gradient(90deg,transparent,#c0f8fb88,transparent);box-shadow:0 0 28px 7px #91d4e321;opacity:var(--sweep,0)}