/* ==========================================================================
   Seção: SOBRE MIM (#sobre) — palco
   (a abertura "olhos vivos → genjutsu" fica em sobre-abertura.css)

   Conceito: palco 16:9 em camadas. Arte à esquerda (Itachi grande, cenário,
   corvos, nuvens), moldura com a foto original no centro e texto à direita.
   Todas as medidas do palco usam cqw (1cqw = 1% da largura do palco), então a
   composição escala igual em qualquer desktop. A arte de cima (Itachi, moldura)
   fica presa no topo e a da base (cenário, nuvem, penas) no rodapé: se o texto
   crescer em telas menores, a arte acompanha e não sobra faixa vazia.
   Tudo escopado em .sobre.
   ========================================================================== */

/* Tokens da seção. Ficam escopados na .sobre (não no :root) porque esta
   seção tem paleta própria, aprovada separadamente do hero. */
.sobre {
  /* Cor */
  --sm-ink: #070505;          /* fundo */
  --sm-ink-2: #100b0b;        /* interior da moldura */
  --sm-blood: #c3121c;        /* vermelho principal */
  --sm-blood-deep: #6f0a10;   /* vermelho escuro */
  --sm-bone: #ece5df;         /* títulos / papel */
  --sm-ash: #b8afaa;          /* texto corrido */
  --sm-smoke: #7b716d;        /* legendas */
  --sm-line: rgba(236, 229, 223, .16);

  /* Tipo */
  --sm-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --sm-body: "Zen Kaku Gothic New", "Helvetica Neue", Arial, sans-serif;
  --sm-jp: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;

  --sm-fs-title: clamp(44px, 5.6cqw, 108px);
  --sm-fs-body: clamp(13px, .95cqw, 17px);
  --sm-fs-label: clamp(10px, .7cqw, 13px);
}

/* ---------- base da seção ---------- */
.sobre {
  position: relative;
  background: var(--sm-ink);
  color: var(--sm-ash);
  font-family: var(--sm-body);
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;         /* o palco mede a própria altura mínima por esta largura */
}
.sobre *, .sobre *::before, .sobre *::after { box-sizing: border-box; }
.sobre img { display: block; max-width: none; user-select: none; -webkit-user-drag: none; }

.sobre__stage {
  position: relative;
  container-type: inline-size;
  /* ocupa a tela inteira: nunca menos que a altura da janela nem que 16:9 */
  min-height: max(56.25cqw, 100vh);
  min-height: max(56.25cqw, 100svh);
  display: flex;
  align-items: center;                 /* texto centralizado na altura disponível */
  /* a navbar fixa do site fica por cima: o texto centraliza na altura abaixo
     dela. A arte (absoluta, inset 0) continua ocupando o palco inteiro.
     No celular (≤900px) isto é desfeito: lá a arte vem antes do texto. */
  padding-top: var(--nav-h, 0px);
}

/* ---------- camadas de arte ---------- */
.sobre__art {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sobre__art--frente { z-index: 11; }   /* corvo que passa na frente da moldura + textura */

.sobre .layer {
  position: absolute;
  left: var(--x, 0);
  top: var(--y, 0);
  bottom: var(--b, auto);              /* camadas da base usam --b: grudam no rodapé da seção */
  width: var(--w, 10cqw);
  will-change: transform;
}
.sobre .layer > .in { position: relative; width: 100%; }
.sobre .layer img { width: 100%; height: auto; }

/* névoa vermelha difusa atrás do Itachi (atmosfera, sem lua) */
.sobre__glow {
  position: absolute; inset: 0;
  background:
    radial-gradient(34cqw 26cqw at 21cqw 13cqw, rgba(195, 18, 28, .22), transparent 70%),
    radial-gradient(30cqw 20cqw at 6cqw 38cqw, rgba(111, 10, 16, .30), transparent 72%);
  animation: sm-respira 9s ease-in-out infinite;
}

/* Itachi — bem maior que antes (escala da referência +25%), rosto no alto à esquerda */
.sobre .layer--itachi { --x: -24.6cqw; --y: -2.2cqw; --w: 56cqw; z-index: 2; }
.sobre .layer--itachi img {
  -webkit-mask-image: linear-gradient(to bottom, #000 44%, transparent 78%), linear-gradient(to right, transparent 8%, #000 34%);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(to bottom, #000 44%, transparent 78%), linear-gradient(to right, transparent 8%, #000 34%);
          mask-composite: intersect;
}
/* olhos: mesma caixa do Itachi, brilho pulsando por cima */
.sobre .layer--olhos { --x: -24.6cqw; --y: -2.2cqw; --w: 56cqw; z-index: 3; mix-blend-mode: screen; }
.sobre .layer--olhos .in { aspect-ratio: 1229 / 941; }
.sobre .olho {
  position: absolute;
  width: 3.6%; aspect-ratio: 1;
  translate: -50% -50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 90, 80, .9) 0, rgba(225, 16, 28, .5) 30%, transparent 70%);
  animation: sm-olho 5.5s ease-in-out infinite;
}
.sobre .olho--1 { left: 75.26%; top: 26.04%; }
.sobre .olho--2 { left: 85.19%; top: 34.75%; width: 2.8%; animation-delay: .15s; }

/* cenário (torii, pagodes, rochas) */
/* cresce junto com a altura da tela: o topo do cenário fica sempre logo abaixo do queixo do Itachi */
.sobre .layer--cenario { --x: -6cqw; --y: auto; --b: 0; --w: max(78cqw, calc((100svh - 22cqw) * 1.777)); z-index: 4; }
.sobre .layer--cenario img {
  -webkit-mask-image: linear-gradient(to right, #000 var(--cen-fade-a, 43.7cqw), transparent var(--cen-fade-b, 67cqw)), linear-gradient(to bottom, #000 90%, transparent);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(to right, #000 var(--cen-fade-a, 43.7cqw), transparent var(--cen-fade-b, 67cqw)), linear-gradient(to bottom, #000 90%, transparent);
          mask-composite: intersect;
}

/* corvos (arquivos separados, silhueta inteira) */
.sobre .layer--corvo { z-index: 5; }
.sobre .c1 { --x: -1cqw;  --y: 1.5cqw; --w: 13cqw; }
.sobre .c2 { --x: 18cqw;  --y: 25cqw; --w: 9cqw; }
.sobre .c3 { display: none; }   /* a moldura já tem corvo no topo */
.sobre .c4 { --x: 22.5cqw; --y: 28cqw; --w: 2.6cqw; }
.sobre .c5 { --x: 21cqw;  --y: 35cqw;  --w: 2cqw; }
.sobre .voo { transform-origin: 40% 50%; animation: sm-voo var(--t, 7s) ease-in-out var(--dl, 0s) infinite alternate; }
.sobre .c2 .voo { --t: 8.5s; --dl: -2s; }
.sobre .c3 .voo { --t: 6s;   --dl: -1s; }
.sobre .c4 .voo { --t: 5s;   --dl: -3s; }
.sobre .c5 .voo { --t: 5.6s; --dl: -.5s; }

/* penas — arte do ChatGPT, recortadas uma a uma. Balançam devagar, não caem. */
.sobre .layer--pena { z-index: 7; }
.sobre .layer--pena img { rotate: var(--r, 0deg); filter: blur(var(--blur, 0px)) drop-shadow(0 .4cqw .6cqw rgba(0, 0, 0, .55)); opacity: var(--o, 1); }
.sobre .p1 { --x: 94.6cqw; --y: calc(50% + 4.5cqw); --w: 6.5cqw; --r: 144deg; }
.sobre .p7 { --x: 92.6cqw; --y: auto; --b: 6.3cqw; --w: 2.2cqw; --r: 24deg; }
.sobre .p4 { --x: 70cqw;   --y: auto; --b: .95cqw; --w: 3.6cqw; --r: -122deg; --blur: 1.6px; --o: .85; }
.sobre .p5 { --x: 63.5cqw; --y: auto; --b: 2.15cqw; --w: 6cqw;   --r: 8deg; }
.sobre .p3 { --x: 19.6cqw; --y: auto; --b: 6.75cqw; --w: 4cqw;   --r: 68deg; }
.sobre .p6 { --x: 4cqw;    --y: auto; --b: 8.45cqw; --w: 3.2cqw; --r: -28deg; }
.sobre .p2 { display: none; }
.sobre .balanca { transform-origin: 50% 50%; animation: sm-balanca 7s ease-in-out infinite alternate; }
.sobre .p7 .balanca { animation-duration: 5.5s; animation-delay: -2s; }
.sobre .p4 .balanca { animation-duration: 8.5s; animation-delay: -4s; }
.sobre .p5 .balanca { animation-duration: 9s;   animation-delay: -1s; }
.sobre .p3 .balanca { animation-duration: 6.5s; animation-delay: -3s; }
.sobre .p6 .balanca { animation-duration: 7.5s; animation-delay: -5s; }

/* nuvens */
.sobre .layer--nuvem { z-index: 6; }
.sobre .n1 { --x: -8cqw; --y: auto; --b: -4.5cqw; --w: 31cqw; }
.sobre .n1 img { transform: scaleX(-1); }
.sobre .n2 { --x: 78cqw; --y: -3.2cqw; --w: 25cqw; z-index: 1; }
.sobre .deriva { animation: sm-deriva 16s ease-in-out infinite alternate; }
.sobre .n2 .deriva { animation-duration: 19s; animation-delay: -6s; }

/* textura de poeira (fica atrás da moldura: nada passa por cima da foto) */
.sobre__grunge {
  position: absolute; inset: 0; z-index: 8;
  background: url("../../assets/sobre/cena/grunge.webp") center / cover no-repeat;
  opacity: .2;
  mix-blend-mode: screen;
}

/* ---------- moldura "Procurado" com a foto ----------
   (a máscara da janela vai embutida em base64 para funcionar até abrindo o
   index.html direto do computador; o PNG está em assets/sobre/moldura/moldura-mascara.png)
   A arte da moldura (PNG com janela transparente) fica por cima.
   A foto fica por baixo, recortada pela máscara da janela: nenhum efeito
   na foto, só o enquadramento. Proporção da arte: 1024 × 1536 (2:3).      */
.sobre .moldura {
  --x: 27.5cqw; --w: 34cqw;
  --y: max(2.6cqw, calc(50% - 25.5cqw));   /* centralizada na altura da tela */
  margin: 0;
  z-index: 10;
  aspect-ratio: 1024 / 1536;
}
.sobre .moldura > .in { height: 100%; perspective: 120cqw; }
.sobre .moldura__card {
  position: relative;
  height: 100%;
  transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}
.sobre .moldura__janela {
  position: absolute; inset: 0;
  --sm-mascara-janela: url("data:image/png;base64,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");
  -webkit-mask: var(--sm-mascara-janela) 0 0 / 100% 100% no-repeat;
          mask: var(--sm-mascara-janela) 0 0 / 100% 100% no-repeat;
}
.sobre .layer .moldura__foto {          /* caixa = área da janela na arte */
  position: absolute;
  left: 15.2%; top: 21%;
  width: 72.7%; height: 74%;
  object-fit: cover;
  object-position: 44% 50%;
  /* zoom pedido pelo cliente: tira o teto azul (os ~10% de cima da foto) e
     aproxima o Icaro. A origem fica à esquerda do centro para o troféu não
     entrar atrás da moldura; a janela começa em ~16% da foto e vai até ~90% */
  transform: scale(1.35);
  transform-origin: 40% 62%;
}
.sobre .layer .moldura__arte {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  filter: drop-shadow(0 1.2cqw 2cqw rgba(0, 0, 0, .7));
  pointer-events: none;
}

/* prêmio — preso na borda de baixo da moldura, sem cobrir o rosto/mãos */
.sobre .premio {
  position: absolute;
  left: -6cqw; bottom: -1.2cqw;
  display: flex; align-items: center; gap: 1cqw;
  padding: .9cqw 1.4cqw .9cqw .9cqw;
  background: rgba(7, 5, 5, .96);
  border: 1px solid rgba(195, 18, 28, .55);
  box-shadow: 0 1.2cqw 2.6cqw rgba(0, 0, 0, .7);
  white-space: nowrap;
}
.sobre .premio__selo {
  flex: none;
  writing-mode: vertical-rl;
  font-family: var(--sm-jp); font-weight: 700;
  font-size: clamp(13px, 1.3cqw, 24px);
  line-height: 1;
  color: var(--sm-bone);
  background: var(--sm-blood);
  padding: .55cqw .45cqw;
  border-radius: 2px;
  box-shadow: inset 0 0 0 2px rgba(7, 5, 5, .35);
}
.sobre .premio__txt { display: grid; gap: .25cqw; }
.sobre .premio__txt small {
  font-size: var(--sm-fs-label);
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--sm-smoke);
}
.sobre .premio__txt strong {
  font-family: var(--sm-display); font-weight: 700;
  font-size: clamp(12px, 1.12cqw, 21px);
  letter-spacing: .06em;
  color: var(--sm-bone);
}
.sobre .premio__txt strong em { font-style: normal; color: var(--sm-blood); }

/* ---------- texto ---------- */
.sobre__texto {
  position: relative;
  z-index: 15;
  margin-left: 63cqw;
  width: 30.5cqw;
  padding-block: 5cqw 4.5cqw;
  display: grid;
  gap: 1.6cqw;
}
.sobre__titulo {
  position: relative;
  display: grid; justify-items: start;   /* sombra e texto na mesma célula (sem position:absolute: o Safari desalinhava) */
  margin: 0;
  font-family: var(--sm-display);
  font-weight: 700;
  font-size: var(--sm-fs-title);
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
}
.sobre__titulo .enso {
  position: absolute;
  left: -1.8cqw; top: 50%;
  width: 1.62em;
  translate: 0 -52%;
  z-index: -1;
  -webkit-mask-image: conic-gradient(from 208deg, #000 var(--enso-a), transparent calc(var(--enso-a) + 1deg));
          mask-image: conic-gradient(from 208deg, #000 var(--enso-a), transparent calc(var(--enso-a) + 1deg));
  animation: sm-enso 1.8s cubic-bezier(.45, .05, .2, 1) .35s both;
}
/* sombra = cópia do texto só com text-shadow, atrás das letras (filter no texto
   com background-clip vira um retângulo escuro no Safari do iPhone) */
.sobre__titulo .sobre__titulo-sombra {
  grid-area: 1 / 1;
  color: transparent; -webkit-text-fill-color: transparent;
  text-shadow: 0 .3cqw 1.6cqw rgba(0, 0, 0, .8);
  pointer-events: none; user-select: none;
}
.sobre__titulo .sobre__titulo-txt {
  grid-area: 1 / 1;
  position: relative;               /* pinta por cima da sombra */
  display: inline-block;
  background: url("../../assets/ui/titulo/textura-titulo.webp") center / cover, var(--sm-bone);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.sobre__sub {
  margin: 0;
  display: flex; align-items: center; gap: 1.2cqw;
  padding-left: 9cqw;
  font-size: var(--sm-fs-label);
  letter-spacing: .5em;
  text-transform: uppercase;
  color: var(--sm-bone);
}
.sobre__sub i { width: 4.2cqw; height: 1px; background: var(--sm-line); }
.sobre__sub b { font-weight: 500; color: var(--sm-blood); }

.sobre__copy { display: grid; gap: 1cqw; max-width: 62ch; }
.sobre__copy p {
  margin: 0;
  font-size: var(--sm-fs-body);
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: .02em;
  text-wrap: pretty;
}
.sobre__copy strong { font-weight: 500; color: var(--sm-bone); }
.sobre__copy .red { color: #e2323b; font-weight: 500; }

.sobre__frase {
  margin: 0;
  padding: .3cqw 0 .3cqw 1.4cqw;
  border-left: 2px solid var(--sm-blood);
  font-family: var(--sm-jp);
  font-weight: 700;
  font-size: clamp(14px, 1.18cqw, 22px);
  line-height: 1.5;
  color: var(--sm-bone);
  text-wrap: balance;
}

.sobre__pilares {
  list-style: none; margin: .2cqw 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sobre__pilares li {
  display: grid; justify-items: center; gap: .8cqw;
  padding: .2cqw .6cqw;
  text-align: center;
  font-size: var(--sm-fs-label);
  letter-spacing: .22em;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--sm-ash);
}
.sobre__pilares li + li { border-left: 1px solid var(--sm-line); }
.sobre__pilares svg { width: clamp(26px, 2.5cqw, 46px); height: auto; color: var(--sm-blood); }
.sobre__pilares li:hover svg { filter: drop-shadow(0 0 .6cqw rgba(195, 18, 28, .8)); }

/* linhas do lado direito + brasão */
.sobre__texto::before {                /* linhas da caixa: acompanham o bloco de texto */
  content: "";
  position: absolute; z-index: -1;
  left: -2cqw; right: -3.1cqw; top: var(--caixa-top, 5cqw); bottom: 0;
  border-right: 1px solid var(--sm-line);
  border-bottom: 1px solid var(--sm-line);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 30%);
          mask-image: linear-gradient(to right, transparent, #000 30%);
  pointer-events: none;
}
.sobre__brasao {
  position: absolute; z-index: 16;
  right: 3.4cqw; top: calc(50% - 6cqw);
  width: 3.4cqw; translate: 50% 0;
  padding: .5cqw 0;
  background: var(--sm-ink);
  color: var(--sm-blood);
}
.sobre__brasao svg { display: block; width: 100%; height: auto; animation: sm-gira 28s linear infinite; }
.sobre__brasao:hover svg { animation-duration: 4s; }

/* ---------- entrada ---------- */
.sobre .in, .sobre .revela { animation: sm-entra 1.3s cubic-bezier(.2, .7, .2, 1) var(--d, 0s) both; }
.sobre .revela { animation-duration: 1s; }
.sobre.aguarda .in, .sobre.aguarda .revela, .sobre.aguarda .enso { animation-play-state: paused; }

@property --enso-a { syntax: "<angle>"; inherits: false; initial-value: 360deg; }

@keyframes sm-entra {
  from { opacity: 0; transform: translateY(1.6cqw); filter: blur(6px); }
  to   { opacity: 1; transform: none; filter: none; }
}
@keyframes sm-enso { from { --enso-a: 0deg; } to { --enso-a: 360deg; } }
@keyframes sm-respira { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
@keyframes sm-olho {
  0%, 100% { opacity: .25; scale: .85; }
  45%, 55% { opacity: .95; scale: 1.15; }
}
@keyframes sm-voo {
  from { transform: translate(0, 0) rotate(0deg); }
  to   { transform: translate(-.9cqw, -.7cqw) rotate(-3deg); }
}
@keyframes sm-deriva { from { transform: translateX(0); } to { transform: translateX(1.6cqw); } }
@keyframes sm-gira { to { transform: rotate(360deg); } }
@keyframes sm-balanca {
  from { transform: translateY(0) rotate(-3deg); }
  to   { transform: translateY(-.5cqw) rotate(3deg); }
}

/* ---------- notebook pequeno (texto mais largo) ---------- */
@media (min-width: 901px) and (max-width: 1279px) {
  .sobre__texto { margin-left: 62.5cqw; width: 33cqw; padding-block: 4.4cqw 4cqw; }
  .sobre__copy p { font-size: 12.5px; line-height: 1.6; }
  .sobre__pilares li { letter-spacing: .08em; font-size: 9.5px; }
  .sobre__texto { --caixa-top: 4.4cqw; }
  .sobre__texto::before { left: -1.5cqw; right: -2.9cqw; }
  .sobre__brasao { right: 1.6cqw; }
  /* coluna de texto mais larga: penas da direita saem do caminho do texto */
  .sobre .p1 { --x: 96.2cqw; --y: calc(50% + 10cqw); --w: 4.6cqw; }
  .sobre .p4, .sobre .p5, .sobre .p7 { display: none; }
}

/* ---------- celular / tablet ---------- */
@media (max-width: 900px) {
  .sobre__stage { min-height: 0; display: block; padding-top: 0; }
  .sobre__art { position: relative; inset: auto; aspect-ratio: 100 / 180; }
  .sobre__art--frente { position: absolute; top: 0; left: 0; right: 0; }
  .sobre__art:not(.sobre__art--frente)::after {   /* funde o cenário com o texto */
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22cqw; z-index: 9;
    background: linear-gradient(to top, var(--sm-ink), transparent);
  }

  .sobre__glow {
    background:
      radial-gradient(70cqw 60cqw at 45cqw 24cqw, rgba(195, 18, 28, .24), transparent 70%),
      radial-gradient(60cqw 40cqw at 10cqw 110cqw, rgba(111, 10, 16, .3), transparent 72%);
  }
  .sobre .layer--itachi, .sobre .layer--olhos { --x: -74.9cqw; --y: -9.9cqw; --w: 150cqw; }
  .sobre .layer--itachi img {
    -webkit-mask-image: linear-gradient(to bottom, #000 46%, transparent 70%), linear-gradient(to right, transparent 30%, #000 52%);
            mask-image: linear-gradient(to bottom, #000 46%, transparent 70%), linear-gradient(to right, transparent 30%, #000 52%);
  }
  .sobre .layer--cenario { --b: auto; --x: -30cqw; --y: 87cqw; --w: 165cqw; --cen-fade-a: 100%; --cen-fade-b: 100%; }
  .sobre .c1 { --x: -2cqw; --y: 30cqw;  --w: 30cqw; }
  .sobre .c2 { --x: 70cqw; --y: 37cqw;  --w: 22cqw; }
  .sobre .c3 { --x: 72cqw; --y: 4cqw;   --w: 14cqw; }
  .sobre .c4 { --x: 6cqw;  --y: 64cqw;  --w: 6cqw; }
  .sobre .c5 { --x: 88cqw; --y: 104cqw; --w: 5cqw; }
  .sobre .n1 { --x: -26cqw; --y: 148cqw; --b: auto; --w: 80cqw; }
  .sobre .n2 { --x: 56cqw;  --y: -6cqw; --w: 64cqw; }
  .sobre .p7 { --x: 88cqw; --y: 172cqw; --b: auto; --w: 6cqw; }
  .sobre .p1, .sobre .p3, .sobre .p4, .sobre .p5, .sobre .p6, .sobre .p2 { display: none; }
  .sobre .c3 { display: block; }

  .sobre .moldura { --x: 9cqw; --y: 52cqw; --w: 82cqw; }
  .sobre .premio { left: -4cqw; bottom: -4cqw; padding: 10px 14px 10px 10px; gap: 10px; }

  .sobre__texto {
    margin: 0; width: auto;
    padding: 30px 20px 64px;
    gap: 22px;
  }
  .sobre__titulo { font-size: clamp(44px, 13.5vw, 76px); }
  .sobre__titulo .enso { left: -8px; }
  .sobre__sub { padding-left: 0; gap: 12px; }
  .sobre__sub i { width: 36px; }
  .sobre__copy { gap: 14px; }
  .sobre__copy p { font-size: 15px; }
  .sobre__frase { padding-left: 14px; font-size: 17px; }
  .sobre__pilares li { gap: 10px; padding-inline: 4px; letter-spacing: .14em; font-size: 10.5px; }
  .sobre__texto::before, .sobre__brasao { display: none; }
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion: reduce) {
  .sobre *, .sobre *::before, .sobre *::after { animation: none !important; transition: none !important; }
  .sobre__titulo .enso { --enso-a: 360deg; }
}
.sobre__titulo:focus { outline: none; }