.retouch-shell{position:relative;z-index:2}
.retouch-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,90px);padding:clamp(20px,4vw,54px);border:1px solid #c3a49b36;border-radius:30px;background:radial-gradient(ellipse at 10% 0%,#521c2338,transparent 72%),#140e11ed;scroll-margin-top:18px}
.retouch-stage{--split:50%;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:9/16;width:min(100%,360px);justify-self:center;border:1px solid #e5c9bd50;border-radius:19px;background:#171215}
.retouch-stage img,.retouch-cover img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.retouch-after-layer{position:absolute;inset:0;display:block}
.retouch-stage .retouch-after-layer{clip-path:inset(0 0 0 var(--split))}
.retouch-stage img,.retouch-cover img{object-fit:fill;transform-origin:top left}
.retouch-stage > img,.retouch-cover > img{transform:var(--before-framing,none)}
.retouch-after-layer img{transform:var(--after-framing,none)}
.retouch-divider{position:absolute;inset-block:0;left:var(--split);width:2px;background:#fff5ee;transform:translateX(-50%);box-shadow:0 0 16px #0009}
.retouch-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff5ee;border-radius:50%;background:#271317;color:#fff;font-size:23px}
.retouch-stage input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.retouch-stage:focus-within{outline:2px solid #f2d1c6;outline-offset:4px}
.retouch-tag{position:absolute;top:12px;padding:.38rem .68rem;border:1px solid #ffffff50;border-radius:20px;background:#130d11dc;color:#fff5ee;font-size:clamp(10px,1.3vw,13px);pointer-events:none}
.retouch-before{left:12px}.retouch-after{right:12px}
.retouch-notes h2,.retouch-studies h2{color:#fff2ec;font-weight:500;font-size:clamp(26px,4vw,48px);margin:.3em 0}
.retouch-notes p:not(.portfolio-kicker){max-width:30ch;color:#d6c3ba;line-height:1.8}
.retouch-browse{display:inline-flex;gap:12px;margin-top:20px;color:#ffe4d7;text-underline-offset:5px}
.retouch-studies{padding:clamp(38px,6vw,82px) 0;scroll-margin-top:18px}
.retouch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:clamp(12px,2vw,24px);margin-top:25px}
.retouch-card{display:grid;gap:9px;min-width:0;border:1px solid #c3a49b30;border-radius:16px;padding:8px;color:#e9d9d2;text-align:start;background:#161016;cursor:pointer}
.retouch-card:hover,.retouch-card[aria-pressed=true]{border-color:#d19088;background:#331b20}
.retouch-cover{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:9/16;border-radius:11px;background:#20161b}
.retouch-cover .retouch-after-layer{clip-path:polygon(70% 0,100% 0,100% 100%,30% 100%)}
.retouch-cover::after{content:"";position:absolute;inset:0;background:#fff9;clip-path:polygon(70% 0,71% 0,31% 100%,30% 100%)}
.retouch-card-label{display:flex;justify-content:space-between;gap:6px;padding:3px 6px 6px;font-size:clamp(12px,1.5vw,15px)}
@media(max-width:720px){
  .retouch-studio{grid-template-columns:1fr;gap:20px;border-radius:22px}
  .retouch-stage{width:min(100%,300px)}
  .retouch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}