:root{
    --ink:#14151a; --ink-text:#ece9e1; --ink-text-dim:#8d8c93;
    --paper:#e7e4dc; --paper-2:#d9d5cb; --paper-text:#17171a; --paper-text-dim:#67655d;
    --brass:#c8952f; --brass-deep:#8f6a1f;
    --line-ink:rgba(236,234,226,0.14); --line-paper:rgba(23,23,26,0.14);
    --mono:ui-monospace,"SF Mono","Cascadia Mono","Consolas",monospace;
    --sans:-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    --display:'Jost',-apple-system,"Segoe UI",Arial,sans-serif;
    --chrome-bg:var(--paper); --chrome-text:var(--paper-text);
    color-scheme: light dark;

    /* ---- 0.6 FOTOS DA GALERIA (variáveis, uma por arquivo único) ---- */
    --img-nyx:url("../assets/images/matrix-nyx-954x636.jpg");
    --img-muse:url("../assets/images/matrix-muse-954x636.jpg");
    --img-sonic:url("../assets/images/sonic-gema-954x636.jpg");
    --img-gramado:url("../assets/images/outubro-na-globo-gramado-2-954x636.jpg");
    --img-vainafe:url("../assets/images/vai-na-fe-gema-954x636.jpg");
    --img-nyf:url("../assets/images/de-lorean-nyf-954x636.jpg");
    --img-clio:url("../assets/images/matrix-clio-954x636.jpg");
    --img-matrixpromax:url("../assets/images/matrix-promax-954x636.jpg");
    --img-mardosertao:url("../assets/images/mar-do-sertao-promax-954x636.jpg");
    --img-coringa:url("../assets/images/coringa-promax-954x636.jpg");
    --img-deloreanpromax:url("../assets/images/de-lorean-promax-954x636.jpg");
    --img-curtindo:url("../assets/images/curtindo-promax-954x636.jpg");
    --img-batman:url("../assets/images/batman-promax-954x636.jpg");
    --img-mandalorian:url("../assets/images/mandalorian-promax-954x636.jpg");
    --img-vdevinganca:url("../assets/images/v-de-vnganca-promax-954x636.jpg");
    --img-perdidoemmarte:url("../assets/images/perdido-em-marte-promax-954x636.jpg");
    --img-tartarugas:url("../assets/images/tartarugas-promax-954x636.jpg");
    --img-jornalhoje:url("../assets/images/jornal-hoje-promax-954x636.jpg");
    --img-alice:url("../assets/images/alice-promax-954x636.jpg");
    --img-capitaoamerica:url("../assets/images/capitao-america-promax-954x636.jpg");
    --img-agente:url("../assets/images/agente-promax-954x636.jpg");
  }
  @media (prefers-color-scheme: dark){ :root{ --chrome-bg:var(--ink); --chrome-text:var(--ink-text); } }
  :root[data-theme="dark"]{ --chrome-bg:var(--ink); --chrome-text:var(--ink-text); }
  :root[data-theme="light"]{ --chrome-bg:var(--paper); --chrome-text:var(--paper-text); }
  @font-face{ font-family:"Jost"; font-style:normal; font-weight:300; font-display:swap; src:url('../assets/fonts/jost300.woff2') format('woff2'); }
  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; background:var(--chrome-bg); color:var(--chrome-text); overflow-x:hidden; }
  body{ font-family:var(--sans); }
  ::selection{ background:var(--brass); color:#14151a; }
  a{ color:inherit; text-decoration:none; }
  a:focus-visible, button:focus-visible{ outline:2px solid var(--brass); outline-offset:3px; border-radius:4px; }
  img{ max-width:100%; display:block; }
  h1,h2,h3{ text-wrap:balance; margin:0; }
  p{ margin:0; }
  html{ scroll-behavior:smooth; }

  .scene{ position:relative; width:100%; padding:min(12vw,6.5rem) min(7vw,3.5rem); display:flex; flex-direction:column; }
  .scene[data-band="ink"]{ background:var(--ink); color:var(--ink-text); }
  .scene[data-band="paper"]{ background:var(--paper); color:var(--paper-text); }

  .pillnav{ position:fixed; top:1.25rem; left:0; right:0; z-index:60; display:flex; justify-content:center; gap:.5rem; pointer-events:none; }
  .pill{ pointer-events:auto; display:inline-flex; align-items:center; gap:.5rem; height:2.6rem; padding:0 1.1rem; border-radius:999px; font-family:var(--mono); font-size:.72rem; letter-spacing:.06em; border:1px solid transparent; cursor:pointer; background:none; transition:background .35s ease,color .35s ease,border-color .35s ease; }
  .pillnav.on-paper .pill{ background:rgba(23,23,26,0.06); color:var(--paper-text); border-color:rgba(23,23,26,0.1); }
  .pillnav.on-ink .pill{ background:rgba(236,234,226,0.08); color:var(--ink-text); border-color:rgba(236,234,226,0.14); }
  .pill.mark{ font-family:var(--sans); font-weight:800; letter-spacing:0; font-size:.85rem; padding:0 .9rem; }
  .pill.mark img{ height:1.6rem; display:block; }
  .pillnav.on-paper .pill.mark img{ filter:brightness(0); }
  .pill.status{ min-width:13rem; justify-content:center; }
  .pill.status .label{ font-family:var(--display); font-weight:300; letter-spacing:.1em; font-size:.78rem; }
  .pill.menu-btn{ font-size:1rem; width:2.6rem; justify-content:center; padding:0; }

  .menu-overlay{ position:fixed; inset:0; z-index:80; background:var(--ink); color:var(--ink-text); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.9rem; opacity:0; visibility:hidden; transition:opacity .4s ease; }
  .menu-overlay.open{ opacity:1; visibility:visible; }
  .overlay-close{ position:absolute; top:1.4rem; right:1.6rem; background:none; border:none; color:inherit; font-size:1.4rem; cursor:pointer; }
  .overlay-list{ list-style:none; margin:0; padding:0; text-align:center; }
  .overlay-list li{ margin:.55rem 0; }
  .overlay-list a{ font-family:var(--display); font-weight:300; text-transform:uppercase; letter-spacing:.02em; font-size:clamp(1.15rem,3.4vw,1.8rem); display:inline-flex; gap:.9rem; align-items:baseline; }
  .overlay-list .current{ color:var(--brass); }

  .hero{ min-height:50vh; justify-content:center; align-items:flex-start; gap:1.4rem; padding-top:min(28vw,13rem); }

  .kicker{ font-family:var(--display); font-weight:300; font-size:.8rem; letter-spacing:.14em; color:var(--brass-deep); text-transform:uppercase; }
  .hero h1{ font-family:var(--display); font-weight:300; text-transform:uppercase; font-size:clamp(2rem,5.6vw,3.9rem); line-height:1.1; letter-spacing:.01em; }


  .text-block{ max-width:64rem; margin:0 auto; width:100%; display:flex; flex-direction:column; gap:1.2rem; }
  .text-block h2{ font-family:var(--display); font-weight:300; text-transform:uppercase; font-size:clamp(1.5rem,3.4vw,2.2rem); letter-spacing:.01em; }
  .text-block .case-text{ font-size:1.03rem; line-height:1.7; max-width:66ch; }
  [data-band="ink"] .case-text{ color:var(--ink-text-dim); }
  [data-band="paper"] .case-text{ color:var(--paper-text-dim); }

  .award-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.2rem; max-width:78rem; margin:0 auto; width:100%; }
  .award-card{ display:flex; flex-direction:column; gap:.6rem; }
  .award-thumb{ position:relative; aspect-ratio:954/636; border-radius:10px; overflow:hidden; background-size:cover; background-position:center; }
  .award-thumb .badge{ position:absolute; top:.5rem; left:.5rem; font-family:var(--mono); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; padding:.25rem .55rem; border-radius:999px; background:rgba(20,21,26,0.72); color:var(--brass); }
  .award-meta{ font-size:.82rem; line-height:1.4; }
  .award-meta .fest{ font-family:var(--mono); font-size:.66rem; letter-spacing:.04em; color:var(--ink-text-dim); display:block; margin-bottom:.15rem; }
  .award-meta .proj{ font-weight:700; }

  /* imagens únicas usadas nos cartões (ver 0.6 no topo deste arquivo) */
  .award-thumb.nyx{ background-image:var(--img-nyx); }
  .award-thumb.muse{ background-image:var(--img-muse); }
  .award-thumb.sonic{ background-image:var(--img-sonic); }
  .award-thumb.gramado{ background-image:var(--img-gramado); }
  .award-thumb.vainafe{ background-image:var(--img-vainafe); }
  .award-thumb.nyf{ background-image:var(--img-nyf); }
  .award-thumb.clio{ background-image:var(--img-clio); }
  .award-thumb.matrixpromax{ background-image:var(--img-matrixpromax); }
  .award-thumb.mardosertao{ background-image:var(--img-mardosertao); }
  .award-thumb.coringa{ background-image:var(--img-coringa); }
  .award-thumb.deloreanpromax{ background-image:var(--img-deloreanpromax); }
  .award-thumb.curtindo{ background-image:var(--img-curtindo); }
  .award-thumb.batman{ background-image:var(--img-batman); }
  .award-thumb.mandalorian{ background-image:var(--img-mandalorian); }
  .award-thumb.vdevinganca{ background-image:var(--img-vdevinganca); }
  .award-thumb.perdidoemmarte{ background-image:var(--img-perdidoemmarte); }
  .award-thumb.tartarugas{ background-image:var(--img-tartarugas); }
  .award-thumb.jornalhoje{ background-image:var(--img-jornalhoje); }
  .award-thumb.alice{ background-image:var(--img-alice); }
  .award-thumb.capitaoamerica{ background-image:var(--img-capitaoamerica); }
  .award-thumb.agente{ background-image:var(--img-agente); }

  .contact{ min-height:52vh; justify-content:center; align-items:center; text-align:center; gap:1.1rem; }
  .credits{ display:flex; flex-direction:column; gap:1rem; width:100%; max-width:32rem; margin:1.2rem auto 0; }
  .credit-row{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; border-bottom:1px solid var(--line-paper); padding-bottom:.85rem; }
  .credit-row .role{ font-family:var(--mono); font-size:.66rem; letter-spacing:.1em; color:var(--paper-text-dim); text-transform:uppercase; }
  .credit-row a{ font-size:1.05rem; font-weight:700; }
  .credit-row a:hover{ color:var(--brass-deep); }
  .fine-print{ font-family:var(--mono); font-size:.64rem; letter-spacing:.04em; color:var(--paper-text-dim); margin-top:1.6rem; }

  .reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
  .reveal.in-view{ opacity:1; transform:none; }
  .reveal2{ transition-delay:.1s; } .reveal3{ transition-delay:.2s; }

  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
    .reveal{ opacity:1; transform:none; }
    html{ scroll-behavior:auto; }
  }
  @media (max-width: 860px){
    .award-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pill.status{ min-width:0; }
    .pill.status .label{ display:none; }
    .hero{ padding-top:min(38vw,9rem); }
  }

  /* ---- [MOBIRISE-STYLE] bio lado a lado + blocos de texto simples ---- */
  .bio-side{ display:grid; grid-template-columns:.85fr 1.3fr; gap:2.6rem; align-items:center; max-width:70rem; margin:0 auto; width:100%; }
  .bio-side-photo{ border-radius:16px; overflow:hidden; }
  .bio-side-photo img{ width:100%; display:block; object-fit:cover; }
  .bio-side-text{ font-size:1.04rem; line-height:1.7; }
  @media (max-width: 860px){ .bio-side{ grid-template-columns:1fr; } }