/* Compact art-work follow-up and an editorial-specific category section. */
.portfolio-pages-public .portfolio-detail-untouched {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  min-height:0;
  padding:22px 26px;
  margin-top:24px;
  border:1px solid rgba(182,150,205,.21);
  border-radius:12px;
  background:linear-gradient(105deg,#1b1921,#16171e);
}
.portfolio-pages-public .portfolio-detail-untouched .portfolio-untouched-mark {
  flex:0 0 auto;
  font-size:10px;
  font-weight:680;
  letter-spacing:.16em;
  color:#b7a0c7;
}
.portfolio-pages-public .portfolio-detail-untouched .portfolio-untouched-copy {
  flex:1 1 280px;
  min-width:0;
}
.portfolio-pages-public .portfolio-detail-untouched h2 {
  font-size:clamp(17px,1.7vw,21px);
  font-weight:630;
  line-height:1.35;
  margin:0 0 6px;
  color:#ede4f4;
}
.portfolio-pages-public .portfolio-detail-untouched p {
  margin:0;
  color:#a99bb5;
  font-size:13px;
  line-height:1.7;
}
.portfolio-pages-public .portfolio-untouched-link {
  flex:0 0 auto;
  color:#e1c6f0;
  padding:8px 11px;
  border:1px solid rgba(197,162,219,.31);
  border-radius:7px;
  font-size:12px;
  text-decoration:none;
}
.portfolio-pages-public .portfolio-untouched-link:hover {
  border-color:#cbade0;
  color:#fff;
}
.portfolio-editorial-intro[hidden] {display:none!important;}
.portfolio-pages-public .portfolio-editorial-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(255px,.7fr);
  gap:36px;
  align-items:center;
  border:1px solid rgba(189,159,207,.27);
  border-radius:16px;
  background:radial-gradient(ellipse at 91% 20%,rgba(137,96,166,.16),transparent 56%),linear-gradient(115deg,#1d1b25,#18181f);
  padding:clamp(20px,3vw,43px);
  margin-bottom:27px;
  overflow:hidden;
}
.portfolio-editorial-eyebrow {
  margin:0 0 19px;
  color:#c6afd4;
  font-size:11px;
  letter-spacing:.19em;
  font-weight:690;
}
.portfolio-pages-public .portfolio-editorial-intro h2 {
  margin:0 0 14px;
  color:#f2e9f7;
  font-size:clamp(24px,3vw,37px);
  font-weight:675;
  letter-spacing:-.02em;
}
.portfolio-pages-public .portfolio-editorial-intro p:not(.portfolio-editorial-eyebrow) {
  max-width:470px;
  font-size:14px;
  line-height:1.85;
  color:#baadbf;
  margin:0;
}
.portfolio-editorial-tags {
  display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;
}
.portfolio-editorial-tags span {
  padding:7px 10px;
  border:1px solid rgba(184,151,207,.3);
  border-radius:6px;
  color:#d1bbdf;
  font-size:11px;
  letter-spacing:.04em;
}
.portfolio-editorial-art {
  position:relative;
  height:236px;
  display:flex;
  justify-content:center;
  align-items:center;
  isolation:isolate;
}
.portfolio-editorial-sheet {
  position:absolute;
  width:164px;
  height:215px;
  border:1px solid rgba(232,220,236,.29);
  box-shadow:0 18px 30px rgba(0,0,0,.22);
}
.portfolio-editorial-sheet.sheet-back {
  transform:translate(66px,-4px) rotate(9deg);
  background:#70657b;
  padding:19px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.portfolio-editorial-sheet.sheet-back span {font-size:9px;letter-spacing:.12em;color:#f2e5f5;}
.portfolio-editorial-sheet.sheet-back i {height:13px;border-bottom:1px solid #ddd2e7;opacity:.75;}
.portfolio-editorial-sheet.sheet-back i:nth-of-type(2) {width:69%;}
.portfolio-editorial-sheet.sheet-front {
  transform:translate(-42px,9px) rotate(-6deg);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:16px;
  background:linear-gradient(150deg,#e4dce7,#b7a3bd);
  color:#2b2434;
}
.portfolio-editorial-sheet.sheet-front span {font-size:8px;letter-spacing:.2em;}
.portfolio-editorial-sheet.sheet-front strong {font-family:Georgia,serif;line-height:.91;font-weight:720;font-size:42px;letter-spacing:-.09em;}
.portfolio-editorial-sheet.sheet-front small {font-size:8px;letter-spacing:.06em;}
@media(max-width:730px){
  .portfolio-pages-public .portfolio-editorial-intro {grid-template-columns:1fr;gap:10px;}
  .portfolio-editorial-art {height:160px;overflow:hidden;}
  .portfolio-editorial-sheet {transform:scale(.75)!important;}
  .portfolio-editorial-sheet.sheet-back {margin-left:100px;}
  .portfolio-editorial-sheet.sheet-front {margin-left:-65px;}
  .portfolio-pages-public .portfolio-detail-untouched{padding:19px 18px;}
}
