/* Local portrait and attitude refinement from Ewald's two detail references.
   Original portrait RGB and protected keyvisual remain separate from painting. */
body#start.adults-reference.compact-layout .portrait-image{
  mask-image:url(ewald-cutout-alpha-v1.webp),url(adults-portrait-bristle-v3.webp),url(adults-portrait-protected-core.svg);
  mask-mode:alpha,luminance,alpha;mask-composite:intersect,add;
}
body#start.adults-reference.compact-layout .portrait::before{
  background-image:url(adults-portrait-surround-v2.webp);
  background-size:contain;background-position:center;background-repeat:no-repeat;
  mask-image:none;
}
body#start.adults-reference.compact-layout .attitude::before{
  background-image:url(adults-divider-small-pearl-v1.svg);
}
@media(min-width:761px) and (max-width:1050px){
  body#start.adults-reference.compact-layout .portrait{width:30cqw;height:39.13cqw}
}
@media(min-width:1051px) and (max-width:1320px){
  /* Tall divider tips must not cover the topics disclosure above this section. */
  body#start.adults-reference.compact-layout .attitude::before{
    mask-image:linear-gradient(transparent 65%,#000 78%,#000 88%,transparent);
  }
}
@media(min-width:1051px){
  body#start.adults-reference.compact-layout .concerns:has(.adult-topics[open]) + .attitude::before{
    mask-image:linear-gradient(transparent 65%,#000 78%,#000 88%,transparent);
  }
  body#start.adults-reference.compact-layout .portrait::before{
    inset:auto;left:-2cqw;top:-2cqw;width:27cqw;height:33.75cqw;
  }
  body#start.adults-reference.compact-layout .attitude{
    min-height:40cqw;padding:1.8cqw 0 6cqw;
  }
  body#start.adults-reference.compact-layout .attitude-paint{
    inset:auto 0 4.8cqw auto;width:88%;height:35.19cqw;
    background-image:url(adults-attitude-small-pearl-v1.svg);
    background-size:100% auto;background-position:center top;
    mask-image:url(adults-attitude-upper-mask.svg),linear-gradient(transparent,#000 8%),linear-gradient(90deg,transparent 38%,#000 49%);
    mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;
  }
  body#start.adults-reference.compact-layout .attitude::after{
    content:"";position:absolute;z-index:0;pointer-events:none;left:0;bottom:0;
    width:100%;height:40.02cqw;background:url(adults-attitude-small-pearl-v1.svg) center top/100% auto no-repeat;
    mask-image:url(adults-attitude-wave-mask.svg),linear-gradient(#000 91%,transparent);
    mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;
  }
  body#start.adults-reference.compact-layout .attitude-kv{
    right:1.6cqw;top:auto;bottom:4.4cqw;width:46cqw;height:34cqw;
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 95%,transparent),linear-gradient(#000 92%,transparent);
    mask-composite:intersect;
  }
  body#start.adults-reference.compact-layout .attitude-kv img{
    width:95cqw;right:-1.5cqw;top:-4.6cqw;
  }
}