/* Anatomia de uma página imersiva: o nome da camada em destaque aparece grande, no centro da própria camada
   (a etiqueta do canto continua, mas sozinha ficava pequena demais, ainda mais no celular). */
.s-superpoder .L-name{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out)}
.s-superpoder .L-name b{padding:1.6cqw 3.4cqw 1.4cqw;border-radius:1.2cqw;font-family:var(--brand);font-weight:900;font-size:9cqw;line-height:1;letter-spacing:.01em;white-space:nowrap;color:var(--white);background:rgb(var(--ink-rgb) / .8);box-shadow:inset 0 0 0 2px var(--flame);font-synthesis:none}
.s-superpoder.is-3d .L.is-hot .L-name{opacity:1}
/* tipografia: o "EUROPA" já ocupa o meio, o nome desce um pouco para não brigar com ele */
.s-superpoder .L3 .L-name{place-items:end center;padding-bottom:12cqw}
/* mídia: a foto ocupa o meio, o nome sobe para o canto de cima, à esquerda */
.s-superpoder .L4 .L-name{place-items:start start;padding:5cqw 0 0 5cqw}
/* fundo: a camada é laranja, então a borda vira branca (igual à etiqueta do canto dessa camada) */
.s-superpoder .L1 .L-name b{background:rgb(var(--ink-rgb) / .88);box-shadow:inset 0 0 0 2px var(--white),0 1.2cqw 3cqw rgb(var(--ink-rgb) / .35)}
@media (max-width:899px){
  .s-superpoder .L-name b{font-size:12cqw;padding:2.2cqw 4.4cqw 2cqw}
}