:root{
    --bg:#0a0a0e;
    --bg-raised:#141319;
    --bg-raised-2:#1c1a22;
    --gold:#c9a24b;
    --gold-bright:#e8c877;
    --ember:#d9602c;
    --maroon:#5c1420;
    --paper:#efe7d8;
    --ink:#e9e3d6;
    --ink-dim:#9d9689;
    --line: rgba(201,162,75,0.22);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    font-weight:400;
    line-height:1.6;
    overflow-x:hidden;
  }
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }
  h1,h2,h3,.display{
    font-family:'Cinzel',serif;
    font-weight:600;
    letter-spacing:0.01em;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  ::selection{background:var(--gold); color:#141319;}

  /* focus visibility */
  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
    outline:2px solid var(--gold-bright);
    outline-offset:3px;
  }

  /* ---------- NAV ---------- */
  header.site-nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:linear-gradient(180deg, rgba(10,10,14,0.92), rgba(10,10,14,0));
    backdrop-filter:blur(6px);
    padding:22px 0;
    transition:padding .3s ease, background .3s ease;
  }
  header.site-nav.scrolled{
    padding:14px 0;
    background:rgba(10,10,14,0.88);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex; align-items:center; justify-content:space-between;}
  .wordmark{
    font-family:'Cinzel',serif; font-weight:700; font-size:1.15rem;
    color:var(--paper); letter-spacing:0.06em;
  }
  .wordmark span{color:var(--gold);}
  nav.links{display:flex; gap:34px;}
  nav.links a{
    font-size:0.86rem; color:var(--ink-dim); position:relative; padding:4px 0;
    transition:color .25s ease;
  }
  nav.links a:hover{color:var(--paper);}
  nav.links a::after{
    content:""; position:absolute; left:0; bottom:-2px; width:0; height:1px;
    background:var(--gold); transition:width .3s ease;
  }
  nav.links a:hover::after{width:100%;}
  .nav-toggle{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
  .nav-toggle span{width:22px; height:1.5px; background:var(--paper);}

  /* ---------- HERO ---------- */
  .hero{
    position:relative; min-height:100svh; display:flex; align-items:center; justify-content:center;
    text-align:center; overflow:hidden;
    background:
      radial-gradient(ellipse 80% 60% at 50% 110%, rgba(217,96,44,0.28), transparent 60%),
      radial-gradient(ellipse 60% 50% at 50% -10%, rgba(201,162,75,0.14), transparent 60%),
      var(--bg);
  }
  .ember-field{position:absolute; inset:0; pointer-events:none;}
  .ember{
    position:absolute; bottom:-10px; border-radius:50%;
    background:radial-gradient(circle, var(--gold-bright), var(--ember) 60%, transparent 75%);
    opacity:0; filter:blur(0.3px);
    animation:rise linear infinite;
  }
  @keyframes rise{
    0%{ transform:translateY(0) translateX(0); opacity:0;}
    8%{ opacity:0.9;}
    100%{ transform:translateY(-115vh) translateX(var(--drift,20px)); opacity:0;}
  }
  .hero-portrait{
    width:min(300px, 64vw); margin:0 auto -6px;
    display:block;
    filter:drop-shadow(0 20px 40px rgba(0,0,0,0.55));
    opacity:0; transform:translateY(14px);
    animation:fadeUp 1.1s ease .15s forwards;
  }
  .hero-content{position:relative; z-index:2; padding:0 24px;}
  .hero-kicker{
    font-size:0.82rem; color:var(--gold); font-family:'Inter',sans-serif; letter-spacing:0.04em;
    opacity:0; animation:fadeUp 1s ease .5s forwards;
  }
  .hero h1{
    font-size:clamp(2.6rem, 7vw, 5.4rem); color:var(--paper); line-height:1.02; margin:14px 0 20px;
    opacity:0; animation:fadeUp 1.1s ease .65s forwards;
  }
  .hero h1 em{font-style:normal; color:var(--gold-bright);}
  .hero p.lede{
    max-width:560px; margin:0 auto 34px; color:var(--ink-dim); font-size:1.05rem;
    opacity:0; animation:fadeUp 1.1s ease .85s forwards;
  }
  @keyframes fadeUp{ to{opacity:1; transform:translateY(0);} }
  .hero-cta{
    display:flex; gap:16px; justify-content:center; flex-wrap:wrap;
    opacity:0; animation:fadeUp 1.1s ease 1.05s forwards;
  }
  .btn{
    display:inline-flex; align-items:center; gap:10px; padding:14px 30px;
    border-radius:2px; font-size:0.92rem; font-weight:500; letter-spacing:0.01em;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
    cursor:pointer; border:1px solid transparent;
  }
  .btn-solid{background:var(--gold); color:#161219;}
  .btn-solid:hover{background:var(--gold-bright); transform:translateY(-2px); box-shadow:0 10px 24px rgba(201,162,75,0.25);}
  .btn-ghost{border-color:var(--line); color:var(--paper);}
  .btn-ghost:hover{border-color:var(--gold); background:rgba(201,162,75,0.08); transform:translateY(-2px);}
  .scroll-cue{
    position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
    width:1px; height:46px; background:linear-gradient(var(--gold), transparent);
    opacity:.6;
  }

  /* ---------- SECTION BASE ---------- */
  section{padding:120px 0;}
  .section-head{max-width:640px; margin-bottom:56px;}
  .section-head p.tag{color:var(--gold); font-size:0.85rem; margin-bottom:10px;}
  .section-head h2{font-size:clamp(1.9rem, 3.4vw, 2.6rem); color:var(--paper);}
  .section-head p.desc{color:var(--ink-dim); margin-top:16px; font-size:1.02rem;}
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- SOBRE ---------- */
  .about{background:var(--bg-raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .about-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:center;}
  .about-portrait{
    aspect-ratio:4/5; min-height:380px; border-radius:2px; position:relative; overflow:hidden;
    background:
      linear-gradient(155deg, rgba(201,162,75,0.18), transparent 55%),
      linear-gradient(340deg, var(--maroon), #1c1017 60%, var(--bg-raised-2));
    border:1px solid var(--line);
  }
  .about-portrait img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:top center; z-index:0;
  }
  .about-portrait::before{
    content:""; position:absolute; inset:0; z-index:1;
    background-image:radial-gradient(circle at 30% 20%, rgba(232,200,119,0.16), transparent 45%);
  }
  .about-portrait .cap{
    position:absolute; top:16px; left:16px; z-index:2;
    color:var(--paper); font-size:0.72rem; letter-spacing:0.05em; text-transform:uppercase;
    background:rgba(10,10,14,0.55); padding:6px 12px; border-radius:2px; backdrop-filter:blur(2px);
  }
  .about-copy p{margin-bottom:18px; color:var(--ink); font-size:1.03rem;}
  .about-copy p:first-child{
    font-size:1.18rem; color:var(--paper); font-family:'Cinzel',serif; font-weight:500; line-height:1.5;
  }
  .credentials{display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:28px; padding-top:24px; border-top:1px solid var(--line);}
  .credentials div{font-size:0.82rem; color:var(--ink-dim);}
  .credentials strong{display:block; color:var(--gold-bright); font-family:'Cinzel',serif; font-size:1.3rem; font-weight:600;}

  /* ---------- DISCOGRAFIA ---------- */
  .tracks{
    max-width:1080px;
    margin:0 auto;
    padding:0 32px 12px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
  }
  .track{
    background:linear-gradient(145deg, rgba(28,26,34,.96), rgba(10,10,14,.98));
    border:1px solid rgba(201,162,75,.24);
    border-radius:10px;
    overflow:hidden;
    position:relative;
    box-shadow:0 14px 40px rgba(0,0,0,.26);
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }
  .track::after{
    content:""; position:absolute; inset:-1px; border-radius:10px;
    background:linear-gradient(130deg, rgba(232,200,119,.18), transparent 35%, transparent 70%, rgba(201,162,75,.12));
    opacity:.45; pointer-events:none;
  }
  .track:hover{
    transform:translateY(-7px);
    border-color:rgba(232,200,119,.62);
    box-shadow:0 22px 52px rgba(0,0,0,.44), 0 0 26px rgba(201,162,75,.10);
  }
  .track .vinyl{
    width:56px; height:56px; border-radius:50%; margin-bottom:20px;
    background:radial-gradient(circle at 50% 50%, var(--bg-raised-2) 0 18%, var(--gold) 19% 21%, #100e13 22% 100%);
    border:1px solid var(--line);
  }
  .track h3{font-size:1.18rem; color:var(--paper); margin-bottom:6px; font-weight:600;}
  .track .meta{font-size:0.82rem; color:var(--ink-dim); margin-bottom:18px;}
  .track .platforms{display:flex; gap:14px; flex-wrap:wrap;}
  .track .platforms a{font-size:0.78rem; color:var(--gold); border-bottom:1px solid transparent; padding-bottom:2px;}
  .track .platforms a:hover{border-color:var(--gold);}


  /* ---------- DIVINE LIGHT + FLOATING NOTES ---------- */
  .portrait-wrap{position:relative; display:flex; justify-content:center; z-index:2;}
  .divine-glow{
    position:absolute; top:48%; left:50%; width:min(440px,92vw); height:min(440px,92vw);
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle, rgba(232,200,119,0.55) 0%, rgba(232,200,119,0.22) 38%, rgba(217,96,44,0.10) 62%, transparent 75%);
    filter:blur(3px);
    z-index:0; opacity:0; pointer-events:none;
    animation:glowFadeIn 1.6s ease .3s forwards, glowPulse 5.5s ease-in-out 1.9s infinite;
  }
  @keyframes glowFadeIn{ to{opacity:.9;} }
  @keyframes glowPulse{ 0%,100%{transform:translate(-50%,-50%) scale(1); opacity:.78;} 50%{transform:translate(-50%,-50%) scale(1.09); opacity:1;} }
  .hero-portrait{position:relative; z-index:1;}

  .notes-field{position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none;}
  .note-parallax{
    position:absolute;
    transform:translate(calc(var(--px,0) * var(--depth,1) * 26px), calc(var(--py,0) * var(--depth,1) * 26px));
    transition:transform .5s ease-out;
    pointer-events:auto;
  }
  .note-bob{
    display:inline-block; color:var(--gold-bright); line-height:1;
    font-size:var(--note-size,1.6rem); opacity:.5;
    filter:drop-shadow(0 0 8px rgba(232,200,119,0.5));
    animation:noteFloat var(--dur,7s) ease-in-out infinite;
    animation-delay:var(--delay,0s);
    transition:opacity .35s ease, filter .35s ease;
    cursor:default;
  }
  .note-bob:hover{opacity:1; filter:drop-shadow(0 0 14px rgba(232,200,119,0.85));}
  @keyframes noteFloat{
    0%,100%{transform:translateY(0) rotate(-8deg);}
    50%{transform:translateY(-18px) rotate(8deg);}
  }
  @media (prefers-reduced-motion: reduce){
    .divine-glow, .note-bob{animation:none !important;}
    .note-parallax{transition:none !important; transform:none !important;}
  }

  /* ---------- TRACK COVER ART ---------- */
  .track{padding:0; display:flex; flex-direction:column;}
  .track-cover{
    aspect-ratio:16/9; overflow:hidden; position:relative;
    background:linear-gradient(160deg, var(--maroon), var(--bg-raised-2) 70%);
  }
  .track-cover::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, transparent 58%, rgba(10,10,14,.48));
    pointer-events:none;
  }
  .track-cover img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.65,.2,1), filter .5s ease;}
  .track:hover .track-cover img{transform:scale(1.045); filter:saturate(1.06) contrast(1.03);}
  .track-body{padding:22px 24px 25px; position:relative; z-index:2;}
  .track-body h3{font-size:1.15rem; color:var(--paper); margin-bottom:6px; font-weight:600;}
  .track-body .meta{font-size:0.8rem; color:var(--ink-dim); margin-bottom:16px;}
  .track-body .platforms{display:flex; gap:14px; flex-wrap:wrap;}
  .track-body .platforms a{font-size:0.78rem; color:var(--gold); border-bottom:1px solid transparent; padding-bottom:2px;}
  .track-body .platforms a:hover{border-color:var(--gold);}

  /* ---------- VIDEOS ---------- */
  .videos{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:24px;}
  .video-card{
    display:block; background:var(--bg-raised); border:1px solid var(--line); border-radius:2px; overflow:hidden;
    transition:border-color .3s ease;
  }
  .video-card:hover{border-color:var(--gold);}
  .video-thumb{
    aspect-ratio:16/9; position:relative;
    background:linear-gradient(160deg, var(--maroon), var(--bg-raised-2) 70%);
    display:flex; align-items:center; justify-content:center;
  }
  .play-btn{
    width:54px; height:54px; border-radius:50%; border:1.5px solid var(--gold);
    display:flex; align-items:center; justify-content:center; transition:transform .25s ease, background .25s ease;
  }
  .video-card:hover .play-btn{transform:scale(1.08); background:rgba(201,162,75,0.12);}
  .play-btn::after{content:""; border-left:11px solid var(--gold-bright); border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:3px;}
  .video-info{padding:18px 20px;}
  .video-info h3{font-size:1rem; font-weight:600; color:var(--paper); margin-bottom:4px;}
  .video-info span{font-size:0.78rem; color:var(--ink-dim);}


  /* ---------- DISCREET MUSIC PREVIEW ---------- */
  .featured-release .audio-card{
    margin:18px 0 16px;
    padding:10px 0 4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    max-width:360px;
  }
  .featured-release .audio-card-head{
    margin-bottom:8px;
    gap:8px;
    opacity:.76;
  }
  .featured-release .audio-card-head strong{
    font-size:.76rem;
    font-weight:500;
    color:var(--ink-dim);
  }
  .featured-release .audio-card-head small{
    font-size:.66rem;
    color:rgba(220,214,202,.48);
  }
  .featured-release .audio-dot{
    width:6px;height:6px;
    background:var(--gold);
    box-shadow:0 0 8px rgba(232,200,119,.35);
  }
  .featured-release .audio-card audio{
    width:min(270px,100%);
    height:30px;
    opacity:.62;
    filter:saturate(.55);
  }
  .featured-release .audio-card audio:hover,
  .featured-release .audio-card audio:focus{
    opacity:.88;
  }
  .featured-release .featured-audience{opacity:.72;}

  /* ---------- ALCANCE / stats ---------- */
  .reach{background:var(--bg-raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:40px; text-align:center;}
  .stat-num{font-family:'Cinzel',serif; font-size:clamp(2rem,4vw,3rem); color:var(--gold-bright); font-weight:600;}
  .stat-label{font-size:0.85rem; color:var(--ink-dim); margin-top:8px;}

  /* ---------- MOVIMENTO ---------- */
  .movement-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    max-width:1040px;
  }
  .move-card{
    min-height:270px;
    padding:30px 30px 28px;
    border:1px solid rgba(201,162,75,.22);
    border-radius:14px;
    background:
      radial-gradient(circle at 85% 12%, rgba(232,200,119,.10), transparent 28%),
      linear-gradient(145deg, rgba(27,24,31,.98), rgba(12,11,16,.98));
    position:relative;
    overflow:hidden;
    box-shadow:0 16px 44px rgba(0,0,0,.25);
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }
  .move-card::before{
    content:"";
    position:absolute; left:-50px; bottom:-55px; width:180px; height:180px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(201,162,75,.12), transparent 68%);
    filter:blur(5px);
    transition:transform .5s ease, opacity .4s ease;
  }
  .move-card::after{
    content:"";
    position:absolute; top:0; left:18px; right:18px; height:1px;
    background:linear-gradient(90deg, transparent, rgba(232,200,119,.65), transparent);
    opacity:.72;
  }
  .move-card:hover{
    transform:translateY(-8px);
    border-color:rgba(232,200,119,.60);
    box-shadow:0 24px 55px rgba(0,0,0,.40), 0 0 32px rgba(201,162,75,.10);
  }
  .move-card:hover::before{transform:translate(24px,-16px) scale(1.08); opacity:.95;}
  .move-card .glyph{
    width:58px; height:58px; margin-bottom:24px;
    border:1px solid rgba(232,200,119,.58);
    border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    color:var(--gold-bright);
    background:linear-gradient(145deg, rgba(201,162,75,.16), rgba(201,162,75,.04));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 8px 22px rgba(0,0,0,.22), 0 0 22px rgba(201,162,75,.08);
    position:relative; z-index:2;
    font-size:1.4rem;
  }
  .move-card .glyph svg{width:27px; height:27px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
  .move-card h3{font-size:1.06rem; color:var(--paper); margin-bottom:11px; font-weight:600; position:relative; z-index:2;}
  .move-card p{font-size:0.92rem; color:var(--ink-dim); position:relative; z-index:2; max-width:46ch;}


  /* ---------- PROPÓSITO: ICONES VIVOS + MICROINTERAÇÕES ---------- */
  .audience-section{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(circle at 8% 20%, rgba(201,162,75,.09), transparent 24%),
      radial-gradient(circle at 92% 80%, rgba(98,62,160,.10), transparent 27%),
      var(--bg-raised);
  }
  .audience-section::before{
    content:"";
    position:absolute;
    width:520px;height:520px;
    top:-250px;right:-180px;
    border-radius:50%;
    border:1px solid rgba(232,200,119,.09);
    box-shadow:0 0 90px rgba(232,200,119,.05);
    animation:purposeHalo 12s linear infinite;
    pointer-events:none;
    z-index:-1;
  }
  .audience-section::after{
    content:"";
    position:absolute;
    width:420px;height:420px;
    bottom:-250px;left:-170px;
    border-radius:50%;
    border:1px solid rgba(232,200,119,.07);
    box-shadow:0 0 100px rgba(232,200,119,.05);
    animation:purposeHaloReverse 15s linear infinite;
    pointer-events:none;
    z-index:-1;
  }
  @keyframes purposeHalo{to{transform:rotate(360deg) scale(1.05);}}
  @keyframes purposeHaloReverse{to{transform:rotate(-360deg) scale(1.08);}}

  .purpose-orbit{
    position:absolute;
    inset:150px 0 auto;
    height:260px;
    pointer-events:none;
    z-index:0;
  }
  .purpose-spark{
    position:absolute;
    color:var(--gold-bright);
    text-shadow:0 0 10px rgba(232,200,119,.65), 0 0 22px rgba(232,200,119,.24);
    opacity:.5;
    animation:purposeSparkFloat 7s ease-in-out infinite;
  }
  .spark-1{left:5%;top:16%;font-size:1.05rem;animation-delay:-1s;}
  .spark-2{left:37%;top:72%;font-size:.78rem;animation-delay:-4s;}
  .spark-3{left:64%;top:12%;font-size:1.25rem;animation-delay:-2s;}
  .spark-4{right:8%;top:52%;font-size:1rem;animation-delay:-5s;}
  .spark-5{right:34%;top:82%;font-size:.8rem;animation-delay:-3s;}
  @keyframes purposeSparkFloat{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:.18;}
    35%{opacity:.72;}
    50%{transform:translate3d(8px,-18px,0) rotate(90deg);opacity:.92;}
    75%{opacity:.35;}
  }

  .audience-grid{position:relative;z-index:2;}
  .purpose-card{
    min-height:205px;
    overflow:hidden;
    transform-style:preserve-3d;
    will-change:transform;
  }
  .purpose-card::before{
    content:"";
    position:absolute;
    inset:-60%;
    background:conic-gradient(from 0deg, transparent 0 72%, rgba(232,200,119,.16) 79%, transparent 84%);
    animation:cardSweep 8s linear infinite;
    opacity:.36;
    pointer-events:none;
  }
  @keyframes cardSweep{to{transform:rotate(360deg);}}
  .purpose-card .card-shine{
    position:absolute;
    width:120px;height:300px;
    top:-70px;left:-180px;
    transform:rotate(24deg);
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
    filter:blur(2px);
    animation:cardShine 6.5s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes cardShine{
    0%,55%{left:-180px;opacity:0;}
    65%{opacity:.55;}
    100%{left:130%;opacity:0;}
  }
  .purpose-card:hover{
    transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);
    border-color:rgba(232,200,119,.72);
    box-shadow:
      0 28px 64px rgba(0,0,0,.42),
      0 0 36px rgba(201,162,75,.12);
  }
  .purpose-card .audience-icon{
    position:relative;
    transition:transform .45s cubic-bezier(.2,.75,.25,1), box-shadow .45s ease, border-color .45s ease;
  }
  .purpose-card .audience-icon svg{
    width:23px;height:23px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
    animation:iconFloat 4.8s ease-in-out infinite;
  }
  .purpose-card:nth-child(2) .audience-icon svg{animation-delay:-1.4s;}
  .purpose-card:nth-child(3) .audience-icon svg{animation-delay:-2.7s;}
  .purpose-card:hover .audience-icon{
    transform:translateY(-3px) scale(1.08) rotate(-4deg);
    border-color:rgba(232,200,119,.82);
    box-shadow:0 0 0 6px rgba(232,200,119,.04), 0 0 28px rgba(232,200,119,.18);
  }
  .icon-pulse{
    position:absolute;
    inset:-5px;
    border:1px solid rgba(232,200,119,.20);
    border-radius:inherit;
    animation:iconRing 3.6s ease-out infinite;
    pointer-events:none;
  }
  .purpose-card:nth-child(2) .icon-pulse{animation-delay:-1.2s;}
  .purpose-card:nth-child(3) .icon-pulse{animation-delay:-2.3s;}
  @keyframes iconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-4px);}
  }
  @keyframes iconRing{
    0%,35%{transform:scale(.86);opacity:.55;}
    80%,100%{transform:scale(1.32);opacity:0;}
  }
  @media(max-width:860px){
    .purpose-orbit{inset:132px 0 auto;height:330px;}
    .purpose-card:hover{transform:translateY(-6px);}
  }
  @media(prefers-reduced-motion:reduce){
    .audience-section::before,.audience-section::after,
    .purpose-spark,.purpose-card::before,.purpose-card .card-shine,
    .purpose-card .audience-icon svg,.icon-pulse{animation:none !important;}
    .purpose-card:hover{transform:none;}
  }

  /* ---------- AGENDA / CONTATO ---------- */
  .agenda{background:linear-gradient(180deg, var(--bg), #100e13); border-top:1px solid var(--line);}
  .agenda-grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}
  .agenda-copy p{color:var(--ink-dim); margin-top:16px; margin-bottom:28px;}
  .agenda-copy ul{list-style:none;}
  .agenda-copy li{
    padding:14px 0; border-top:1px solid var(--line); font-size:0.95rem; color:var(--ink);
    display:flex; justify-content:space-between; gap:16px;
  }
  .agenda-copy li span{color:var(--ink-dim); font-size:0.85rem;}
  form.booking{display:flex; flex-direction:column; gap:16px;}
  form.booking label{font-size:0.8rem; color:var(--ink-dim); margin-bottom:6px; display:block;}
  form.booking input, form.booking textarea, form.booking select{
    width:100%; background:var(--bg-raised); border:1px solid var(--line); color:var(--paper);
    padding:13px 14px; font-family:'Inter',sans-serif; font-size:0.95rem; border-radius:2px;
    transition:border-color .25s ease;
  }
  form.booking input:focus, form.booking textarea:focus, form.booking select:focus{border-color:var(--gold); outline:none;}
  form.booking textarea{resize:vertical; min-height:96px;}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}


  /* ---------- UNIFIED ARTIST EXPERIENCE ---------- */
  .featured-release{
    background:
      radial-gradient(ellipse 70% 70% at 12% 40%, rgba(201,162,75,.11), transparent 66%),
      linear-gradient(180deg,#100e13,#0a0a0e);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .featured-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center;}
  .featured-art{display:flex;justify-content:center;align-items:center;min-height:430px;}
  .featured-art-inner{
    width:min(410px,84vw);aspect-ratio:1;border:1px solid rgba(232,200,119,.34);border-radius:24px;
    position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;
    background:
      radial-gradient(circle at 70% 25%, rgba(232,200,119,.2), transparent 25%),
      radial-gradient(circle at 18% 18%, rgba(217,96,44,.22), transparent 30%),
      linear-gradient(145deg,#2a1722,#0c0b10 60%,#181017);
    box-shadow:0 24px 72px rgba(0,0,0,.44);
  }
  .featured-art-inner::before{content:"";position:absolute;inset:12px;border:1px solid rgba(201,162,75,.15);border-radius:18px;}
  .featured-label,.featured-title,.featured-sub,.featured-duration{position:relative;z-index:1;}
  .featured-label{font-size:.7rem;letter-spacing:.12em;color:var(--gold);}
  .featured-title{font-family:'Cinzel',serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.02;color:var(--paper);margin-top:16px;}
  .featured-sub{font-size:.82rem;color:var(--gold-bright);margin-top:12px;}
  .featured-duration{font-size:.72rem;color:var(--ink-dim);margin-top:8px;}
  .featured-copy .tag{color:var(--gold);font-size:.85rem;margin-bottom:10px;}
  .featured-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;color:var(--paper);}
  .featured-copy>p{max-width:58ch;color:var(--ink-dim);margin-top:17px;}
  .audio-card{margin:28px 0 18px;padding:18px;border:1px solid rgba(201,162,75,.24);border-radius:14px;background:rgba(20,19,25,.9);box-shadow:0 16px 34px rgba(0,0,0,.22);}
  .audio-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
  .audio-card-head strong{display:block;color:var(--paper);font-size:.94rem;}
  .audio-card-head small{display:block;color:var(--ink-dim);font-size:.74rem;margin-top:2px;}
  .audio-dot{width:10px;height:10px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 12px rgba(232,200,119,.55);flex:0 0 auto;}
  .audio-card audio{width:100%;height:44px;display:block;}
  .featured-audience{display:flex;flex-wrap:wrap;gap:8px 11px;align-items:center;color:var(--ink-dim);font-size:.76rem;}
  .featured-audience span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;}
  .featured-audience strong{font-weight:500;color:var(--gold-bright);}
  .audience-section{background:var(--bg-raised);border-bottom:1px solid var(--line);}
  .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .audience-card{padding:25px;border:1px solid rgba(201,162,75,.2);border-radius:16px;background:linear-gradient(145deg,rgba(28,26,34,.88),rgba(10,10,14,.94));box-shadow:0 14px 35px rgba(0,0,0,.18);}
  .audience-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(232,200,119,.4);border-radius:12px;color:var(--gold-bright);margin-bottom:18px;}
  .audience-card h3{font-size:1.08rem;color:var(--paper);margin-bottom:8px;}
  .audience-card p{font-size:.9rem;line-height:1.58;color:var(--ink-dim);}
  .gallery-section{background:linear-gradient(180deg,var(--bg),#0e0c11);border-top:1px solid var(--line);}
  .gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  .gallery-card{margin:0;border:1px solid rgba(201,162,75,.22);border-radius:16px;overflow:hidden;background:var(--bg-raised);}
  .gallery-card img{display:block;width:100%;height:390px;object-fit:cover;object-position:center;}
  .gallery-card figcaption{padding:13px 15px;color:var(--paper);font-size:.83rem;}







  .contact-only{max-width:820px;margin:0 auto;padding:0 32px;}
  .contact-head{text-align:center;margin-bottom:38px;}
  .contact-head .tag{color:var(--gold);font-size:.85rem;margin-bottom:10px;}
  .contact-head h2{color:var(--paper);font-size:clamp(1.9rem,3.4vw,2.6rem);}
  .contact-head p:last-child{color:var(--ink-dim);max-width:54ch;margin:15px auto 0;}
  .r2vision-credit svg{display:block;}
  .floating-contact{position:fixed;right:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(232,200,119,.34);border-radius:999px;background:rgba(20,19,25,.95);backdrop-filter:blur(10px);color:var(--paper);font-size:.78rem;box-shadow:0 12px 28px rgba(0,0,0,.32);}
  .floating-contact:hover{border-color:var(--gold);color:var(--gold-bright);}
  .floating-contact-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-bright);}
  .floating-contact-icon svg{width:18px;height:18px;}
  @media(max-width:900px){
    .featured-grid,
    .featured-copy,
    .featured-copy>p,
    .audience-grid{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:1fr;}
    .gallery-card img{height:285px;}
  }
  @media(max-width:520px){
    .featured-art{min-height:320px;}
    .featured-art-inner{width:min(335px,87vw);padding:24px;}
    .featured-audience{justify-content:center;}
    .contact-only{padding-left:20px;padding-right:20px;}
    .gallery-card img{height:245px;}
    .floating-contact{width:46px;height:46px;padding:0;justify-content:center;right:14px;bottom:14px;}
    .floating-contact span:last-child{display:none;}
  }
  @media print{
    body{background:#fff;color:#111;}
    header.site-nav,.mobile-nav-scrim,.ember-field,.notes-field,.floating-contact,.hero,.novidades-section,.about,.featured-release,#musicas,#publico,#movimento,#galeria,#projetos-sociais,#avatar,#agenda,footer{display:none !important;}



  }

  /* ---------- FOOTER ---------- */
  footer{padding:60px 0 40px; border-top:1px solid var(--line);}
  .footer-grid{display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; align-items:center;}
  .footer-social{display:flex; gap:22px;}
  .footer-social a{font-size:0.85rem; color:var(--ink-dim); transition:color .25s ease;}
  .footer-social a:hover{color:var(--gold);}
  .footer-note{font-size:0.78rem; color:var(--ink-dim); margin-top:24px;}



  /* ---------- MOBILE REFINEMENTS ---------- */
  .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:22px;
  }
  .r2vision-credit{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:rgba(157,150,137,.72);
    font-size:.72rem;
    letter-spacing:.01em;
    transition:color .25s ease, transform .25s ease;
  }
  .r2vision-credit:hover{
    color:var(--gold);
    transform:translateY(-1px);
  }
  .r2vision-credit strong{
    color:var(--paper);
    font-weight:600;
  }
  .r2vision-credit-icon{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(201,162,75,.28);
    border-radius:7px;
    background:rgba(201,162,75,.06);
    color:var(--gold);
    flex:0 0 auto;
  }
  .r2vision-credit-icon svg{
    width:13px;
    height:13px;
  }

  @media(max-width:860px){
    .wrap{padding-left:20px;padding-right:20px;}
    section{padding-top:84px;padding-bottom:84px;}
    .section-head{
      width:100%;
      margin-bottom:42px;
    }
    .section-head h2{
      line-height:1.14;
      overflow-wrap:anywhere;
    }
    .section-head p.desc{
      line-height:1.65;
    }
    .about-copy,
    .agenda-copy,
    .avatar-copy{
      text-align:center;
    }
    .about-copy p,
    .agenda-copy p,
    .avatar-copy .avatar-intro{
      margin-left:auto;
      margin-right:auto;
    }
    .credentials{
      justify-content:center;
    }
    .agenda-copy ul{
      text-align:left;
    }
    form.booking{
      width:100%;
    }
    form.booking .btn{
      align-self:stretch !important;
      justify-content:center;
    }
    .footer-grid{
      flex-direction:column;
      align-items:center;
      text-align:center;
    }
    .footer-social{
      justify-content:center;
      flex-wrap:wrap;
    }
    .footer-bottom{
      flex-direction:column;
      justify-content:center;
      text-align:center;
      gap:14px;
    }
    .footer-note{
      margin-top:0;
    }

    /* Menu lateral com área de toque confortável */
    nav.links a{
      min-height:48px;
      display:flex;
      align-items:center;
    }
  }

  @media(max-width:520px){
    .hero-content{
      padding-left:18px;
      padding-right:18px;
    }
    .hero-kicker{
      font-size:.76rem;
    }
    .hero h1{
      line-height:1.05;
      margin-top:12px;
      margin-bottom:16px;
    }
    .hero p.lede{
      line-height:1.6;
    }
    .track-body{
      padding:20px 18px 22px;
    }
    .track-body .platforms{
      gap:10px 12px;
    }
    .track-body .platforms a{
      font-size:.76rem;
    }
    .agenda-copy li{
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      line-height:1.4;
    }
    .avatar-layout{
      text-align:center;
    }
    .r2vision-credit{
      font-size:.69rem;
    }
  }

  /* ---------- NAME + CARD LETTERS ---------- */
  .wordmark span{white-space:nowrap;}
  .glyph-letter{
    font-family:'Cinzel',serif;
    font-size:1.48rem !important;
    font-weight:700;
    letter-spacing:.04em;
    text-shadow:0 0 18px rgba(232,200,119,.28);
  }
  .move-card:hover .glyph-letter{
    transform:scale(1.08);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.28), 0 0 30px rgba(201,162,75,.14);
  }

  /* ---------- MOBILE MENU HARDENING ---------- */
  @media (max-width: 860px){
    body.mobile-menu-open{overflow:hidden;}
    header.site-nav{z-index:1210;}
    nav.links{
      z-index:1002;
      pointer-events:none;
      visibility:hidden;
      opacity:0;
      right:0;
      top:0;
      width:min(320px,86vw);
      padding:96px 28px 32px;
      box-shadow:-18px 0 50px rgba(0,0,0,.48);
    }
    nav.links.open{
      pointer-events:auto;
      visibility:visible;
      opacity:1;
      transform:translateX(0);
    }
    nav.links a{
      display:block;
      position:relative;
      z-index:1;
      padding:14px 0;
      font-size:1rem;
      border-bottom:1px solid rgba(201,162,75,.12);
    }
    .nav-toggle{
      position:relative;
      z-index:1003;
      min-width:42px;
      min-height:42px;
      align-items:center;
      justify-content:center;
    }
    .nav-toggle span{transition:transform .25s ease, opacity .25s ease;}
    .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
    .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
    .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
    .mobile-nav-scrim{
      position:fixed;
      inset:0;
      z-index:1001;
      background:rgba(0,0,0,.48);
      opacity:0;
      visibility:hidden;
      transition:opacity .25s ease, visibility .25s ease;
    }
    .mobile-nav-scrim.open{
      opacity:1;
      visibility:visible;
    }
  }
  @media (max-width: 520px){
    .wordmark{font-size:.9rem; letter-spacing:.04em;}
    .hero h1{font-size:2.5rem;}
    .hero p.lede{font-size:.96rem;}
    .hero-cta{gap:10px;}
    .hero-cta .btn{width:100%; justify-content:center; max-width:310px;}
    .move-card{min-height:auto; padding:25px 22px 24px;}
    .move-card .glyph{width:54px;height:54px;border-radius:14px;margin-bottom:20px;}
  }

  @media (max-width: 760px){
    .tracks, .movement-grid{grid-template-columns:1fr;}
    .tracks{padding-left:20px; padding-right:20px; gap:20px;}
  }

  @media (max-width: 860px){
    .about-grid, .agenda-grid{grid-template-columns:1fr; gap:36px;}
    nav.links{
      position:fixed; top:0; right:0; height:100vh; width:min(280px,78vw);
      background:var(--bg-raised); flex-direction:column; padding:100px 32px 32px;
      transform:translateX(100%); transition:transform .35s ease; border-left:1px solid var(--line);
    }
    nav.links.open{transform:translateX(0);}
    .nav-toggle{display:flex;}
    .field-row{grid-template-columns:1fr;}
    section{padding:88px 0;}
  }


  /* ---------- PROJETOS SOCIAIS / OFEJUSB ---------- */
  .social-projects{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 15% 20%, rgba(201,162,75,.09), transparent 28%),
      radial-gradient(circle at 85% 80%, rgba(47,125,255,.08), transparent 32%),
      linear-gradient(180deg,#0b0a0e 0%,#100d13 100%);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .social-projects::before{
    content:""; position:absolute; inset:-20% -10%; pointer-events:none; opacity:.2;
    background:repeating-linear-gradient(120deg, transparent 0 70px, rgba(255,255,255,.025) 71px 72px);
  }
  .social-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:1;}
  .social-copy .tag{color:var(--gold);font-size:.85rem;margin-bottom:10px;letter-spacing:.08em;}
  .social-copy h2{font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.03;color:var(--paper);max-width:15ch;}
  .social-copy h2 span{color:var(--gold-bright);}
  .social-copy>p{color:var(--ink-dim);max-width:60ch;margin-top:18px;font-size:1.02rem;line-height:1.7;}
  .social-proof{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px;}
  .social-proof span{border:1px solid rgba(232,200,119,.24);background:rgba(255,255,255,.02);border-radius:999px;padding:9px 12px;color:#e7e2d9;font-size:.78rem;}
  .social-actions{display:flex;gap:12px;flex-wrap:wrap;}
  .social-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:999px;border:1px solid rgba(232,200,119,.45);background:linear-gradient(135deg,rgba(201,162,75,.2),rgba(255,255,255,.03));color:var(--paper);font-weight:700;font-size:.84rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
  .social-link:hover{transform:translateY(-2px);border-color:var(--gold-bright);background:linear-gradient(135deg,rgba(201,162,75,.28),rgba(255,255,255,.05));}
  .social-link.alt{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--ink-dim);}
  .social-feature{position:relative;border:1px solid rgba(201,162,75,.24);border-radius:22px;overflow:hidden;background:#0a0a0e;box-shadow:0 22px 70px rgba(0,0,0,.35);}
  .social-feature img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center;}
  .social-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(7,7,10,.92) 100%);pointer-events:none;}
  .social-feature-caption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;}
  .social-feature-caption strong{display:block;color:var(--paper);font-size:1.2rem;}
  .social-feature-caption span{display:block;color:#d4cfca;margin-top:5px;font-size:.82rem;}
  .social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px;position:relative;z-index:1;}
  .social-card{padding:22px;border:1px solid rgba(201,162,75,.16);border-radius:18px;background:linear-gradient(145deg,rgba(27,24,31,.92),rgba(10,10,14,.96));box-shadow:0 12px 34px rgba(0,0,0,.18);}
  .social-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold-bright);border:1px solid rgba(232,200,119,.28);margin-bottom:15px;font-size:1.1rem;}
  .social-card h3{color:var(--paper);font-size:1rem;margin-bottom:8px;}
  .social-card p{color:var(--ink-dim);font-size:.88rem;line-height:1.6;}
  .social-records{margin-top:54px;position:relative;z-index:1;}
  .social-records-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;}
  .social-records-head h3{color:var(--paper);font-size:1.35rem;}
  .social-records-head p{color:var(--ink-dim);font-size:.85rem;max-width:48ch;margin:0;}
  .social-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .social-photo{margin:0;position:relative;border:1px solid rgba(201,162,75,.16);border-radius:15px;overflow:hidden;background:#0d0c10;}
  .social-photo img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .45s ease;}
  .social-photo:hover img{transform:scale(1.035);}
  .social-photo figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 9px;border-radius:10px;background:rgba(6,7,10,.82);backdrop-filter:blur(8px);color:#f2eee8;font-size:.72rem;line-height:1.35;border:1px solid rgba(255,255,255,.08);}
  .social-note{margin-top:20px;color:#aaa3a0;font-size:.74rem;line-height:1.55;max-width:90ch;}
  @media(max-width:900px){
    .social-hero{grid-template-columns:1fr;gap:34px;}
    .social-copy h2{max-width:none;}
    .social-grid{grid-template-columns:1fr;}
    .social-gallery{grid-template-columns:repeat(2,1fr);}
    .social-records-head{display:block;}
    .social-records-head p{margin-top:8px;}
  }
  @media(max-width:560px){
    .social-gallery{grid-template-columns:1fr;}
    .social-feature img{aspect-ratio:3/4;}
  }
  .social-project-card{padding:0;overflow:hidden;border:1px solid rgba(201,162,75,.18);border-radius:18px;background:linear-gradient(145deg,rgba(27,24,31,.94),rgba(10,10,14,.98));box-shadow:0 16px 38px rgba(0,0,0,.20);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;position:relative;}
  .social-project-card:hover{transform:translateY(-7px);border-color:rgba(240,210,138,.44);box-shadow:0 24px 54px rgba(0,0,0,.34),0 0 30px rgba(201,162,75,.08);}
  .social-project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none;}
  .social-project-card:hover::after{transform:translateX(120%);}
  .social-project-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .65s ease;}
  .social-project-card:hover img{transform:scale(1.045);}
  .social-project-card-body{padding:14px 15px 16px;}
  .social-project-card-body h3{color:var(--paper);font-size:.9rem;margin:0 0 7px;}
  .social-project-card-body p{color:var(--ink-dim);font-size:.76rem;line-height:1.5;margin:0;}
  .social-extra-records{margin-top:42px;padding-top:34px;border-top:1px solid rgba(201,162,75,.10);}
  .social-extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;}
  .social-extra-card{margin:0;border:1px solid rgba(201,162,75,.14);border-radius:15px;overflow:hidden;background:#0d0c10;}
  .social-extra-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .5s ease;}
  .social-extra-card:hover img{transform:scale(1.035);}
  .social-extra-card figcaption{padding:11px 12px;color:#f2eee8;font-size:.74rem;line-height:1.35;}
  .social-extra-card figcaption span{display:block;margin-top:4px;color:#9f9892;}
  @media(max-width:900px){.social-extra-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.social-extra-grid{grid-template-columns:1fr;}}


  /* ---------- AVATAR EXPERIENCE ---------- */
  .avatar-experience{
    position:relative; overflow:hidden;
    background:
      radial-gradient(ellipse 70% 55% at 50% 42%, rgba(201,162,75,.10), transparent 65%),
      radial-gradient(ellipse 60% 50% at 50% 110%, rgba(217,96,44,.16), transparent 68%),
      linear-gradient(180deg, #09090d 0%, #110d12 100%);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .avatar-experience::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(circle at 50% 45%, rgba(255,255,255,.025) 0 1px, transparent 1px);
    background-size:22px 22px; opacity:.24;
    mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
  }
  .avatar-layout{
    position:relative; z-index:2; display:grid;
    grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);
    align-items:center; gap:70px; max-width:1180px; margin:0 auto;
  }
  .avatar-copy .tag{color:var(--gold); font-size:.85rem; margin-bottom:10px;}
  .avatar-copy h2{color:var(--paper); font-size:clamp(2rem,4vw,3.15rem); line-height:1.05;}
  .avatar-copy .avatar-intro{color:var(--ink-dim); font-size:1.02rem; max-width:520px; margin-top:18px;}
  .avatar-badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px;}
  .avatar-badge{
    border:1px solid var(--line); background:rgba(255,255,255,.018); color:#d9d1c2;
    border-radius:999px; padding:8px 13px; font-size:.78rem;
  }
  .avatar-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;max-width:570px;}
  .avatar-highlight{position:relative;padding:17px 18px 16px;min-height:112px;border:1px solid rgba(201,162,75,.18);border-radius:14px;background:linear-gradient(145deg,rgba(28,26,34,.80),rgba(10,10,14,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.14);overflow:hidden;}
  .avatar-highlight::after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-45px;border-radius:50%;background:radial-gradient(circle,rgba(232,200,119,.12),transparent 68%);pointer-events:none;}
  .avatar-highlight strong{display:block;color:var(--gold-bright);font-family:"Cinzel",serif;font-size:.86rem;letter-spacing:.02em;margin-bottom:7px;}
  .avatar-highlight span{display:block;color:#aaa294;font-size:.82rem;line-height:1.45;}
  .avatar-stage{position:relative; min-height:690px; display:flex; align-items:center; justify-content:center; isolation:isolate;}
  .avatar-aura{
    position:absolute; width:min(660px,85vw); aspect-ratio:1; border-radius:50%;
    background:radial-gradient(circle, rgba(232,200,119,.22) 0, rgba(201,162,75,.11) 24%, rgba(217,96,44,.08) 46%, transparent 72%);
    filter:blur(5px); animation:avatarAura 5.8s ease-in-out infinite; z-index:0;
  }
  @keyframes avatarAura{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.09);opacity:1}}
  .avatar-halo{
    position:absolute; width:min(510px,72vw); aspect-ratio:1; border-radius:50%;
    border:1px solid rgba(232,200,119,.17); box-shadow:0 0 80px rgba(201,162,75,.07) inset, 0 0 55px rgba(201,162,75,.05);
    transform:rotate(-10deg); z-index:1;
  }
  .avatar-halo::before,.avatar-halo::after{
    content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:var(--gold-bright);
    box-shadow:0 0 16px rgba(232,200,119,.9), 0 0 30px rgba(232,200,119,.35);
  }
  .avatar-halo::before{left:9%;top:22%}.avatar-halo::after{right:8%;bottom:21%;width:4px;height:4px}
  .avatar-video-shell{
    position:relative; z-index:3; width:min(360px,72vw); aspect-ratio:9/16; border-radius:30px; padding:1px;
    background:linear-gradient(145deg, rgba(240,210,138,.82), rgba(201,162,75,.10) 34%, rgba(217,96,44,.46) 70%, rgba(240,210,138,.56));
    box-shadow:0 42px 95px rgba(0,0,0,.58), 0 0 80px rgba(201,162,75,.13), 0 0 140px rgba(217,96,44,.08);
    animation:avatarFloat 6.8s ease-in-out infinite;
  }
  @keyframes avatarFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.3deg)}}
  .avatar-video-shell::before,.avatar-video-shell::after{content:"";position:absolute;inset:-16px;border:1px solid rgba(201,162,75,.10);border-radius:36px;pointer-events:none;}
  .avatar-video-shell::after{inset:-32px;border-color:rgba(217,96,44,.06);border-radius:45px;}
  .avatar-video-inner{width:100%;height:100%;overflow:hidden;border-radius:29px;background:#06060a;position:relative;}
  .avatar-video-inner video{width:100%;height:100%;display:block;object-fit:cover;background:#06060a;}
  .avatar-video-inner::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.09), transparent 18%, transparent 78%, rgba(0,0,0,.34));
  }
  .avatar-sparkfield{position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden;}
  .avatar-spark{
    position:absolute; width:3px; height:3px; border-radius:50%; background:var(--gold-bright);
    box-shadow:0 0 10px rgba(232,200,119,.72); opacity:.22; animation:avatarSpark linear infinite;
  }
  @keyframes avatarSpark{from{transform:translate3d(0,24px,0);opacity:0}12%{opacity:.58}72%{opacity:.28}to{transform:translate3d(var(--x),-190px,0);opacity:0}}
  .avatar-note{margin-top:18px; font-size:.74rem; color:#8f897e;}
  .avatar-cta{margin-top:26px; display:inline-flex;}
  @media(max-width:900px){
    .avatar-layout{grid-template-columns:1fr; gap:15px; text-align:center;}
    .avatar-copy{display:flex; flex-direction:column; align-items:center;}
    .avatar-stage{min-height:610px; order:-1;}
    .avatar-badges{justify-content:center;}
    .avatar-copy .avatar-intro{max-width:620px;}
  }
  @media(max-width:520px){
    .avatar-highlights{grid-template-columns:1fr;gap:10px;}
    .avatar-highlight{min-height:0;padding:15px 16px;}
  }
  @media(max-width:520px){
    .avatar-stage{min-height:555px;}
    .avatar-video-shell{width:min(294px,76vw); border-radius:24px;}
    .avatar-video-inner{border-radius:23px;}
    .avatar-video-shell::before{inset:-11px; border-radius:30px}
    .avatar-video-shell::after{inset:-22px; border-radius:37px}
  }
  @media(prefers-reduced-motion:reduce){.avatar-aura,.avatar-video-shell,.avatar-spark{animation:none!important;}}


  /* ---------- FORM SUCCESS STATE ---------- */
  .booking-success{
    display:none;
    position:relative;
    overflow:hidden;
    min-height:210px;
    padding:24px 24px 24px 28px;
    border:1px solid rgba(201,162,75,.28);
    border-radius:14px;
    background:
      radial-gradient(circle at 85% 20%, rgba(232,200,119,.12), transparent 35%),
      linear-gradient(145deg, rgba(28,26,34,.92), rgba(10,10,14,.96));
    box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 35px rgba(201,162,75,.07);
    align-items:center;
    gap:20px;
  }
  .booking-success.show{display:flex; animation:successIn .55s ease both;}
  @keyframes successIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
  .success-copy{position:relative;z-index:2;flex:1;}
  .success-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);margin-bottom:8px;}
  .success-copy h3{font-size:1.3rem;color:var(--paper);margin-bottom:8px;}
  .success-copy p{font-size:.9rem;color:var(--ink-dim);line-height:1.55;margin:0;}
  .success-character{position:relative;z-index:1;width:108px;min-width:108px;height:150px;align-self:flex-end;margin-top:-10px;margin-right:-4px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 18px 22px rgba(0,0,0,.42));}
  .success-character::before{content:"";position:absolute;inset:12px -8px 0;border-radius:50%;background:radial-gradient(circle,rgba(232,200,119,.18),rgba(217,96,44,.08) 42%,transparent 72%);filter:blur(9px);z-index:-1;}
  .success-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;}
  .booking.is-sent > :not(.booking-success){display:none;}
  .booking.is-sent .booking-success{display:flex;}
  .booking.is-sending button{opacity:.7;pointer-events:none;}
  @media(max-width:520px){
    .booking-success{min-height:0;padding:20px 18px 8px;gap:10px;align-items:flex-end;}
    .success-copy{padding-bottom:18px;}
    .success-copy h3{font-size:1.15rem;}
    .success-copy p{font-size:.83rem;}
    .success-character{width:86px;min-width:86px;height:125px;margin-right:-2px;}
  }



/* ---------- BIOGRAFIA + PROJETOS — ajustes finais ---------- */
.bio-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:68px;align-items:center;}
.bio-visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 32%,rgba(232,200,119,.16),transparent 42%),linear-gradient(145deg,#151017,#09090d);border:1px solid rgba(201,162,75,.22);box-shadow:0 26px 70px rgba(0,0,0,.32);}
.bio-visual::before{content:"";position:absolute;inset:18px;border:1px solid rgba(232,200,119,.12);border-radius:19px;pointer-events:none;}
.bio-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.96) contrast(1.02);}
.bio-visual-caption{position:absolute;left:24px;bottom:22px;color:#ead8ab;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;background:rgba(7,7,10,.65);border:1px solid rgba(201,162,75,.22);padding:9px 12px;border-radius:999px;backdrop-filter:blur(6px);}
.bio-copy .tag{color:var(--gold);font-size:.85rem;margin-bottom:10px;}
.bio-copy h2{font-size:clamp(2rem,4vw,3.05rem);line-height:1.05;color:var(--paper);}
.bio-copy p{color:var(--ink-dim);font-size:1rem;line-height:1.72;margin-top:17px;max-width:66ch;}
.bio-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.bio-pills span{padding:8px 11px;border:1px solid rgba(201,162,75,.22);border-radius:999px;color:#ddd5c6;font-size:.76rem;background:rgba(201,162,75,.035);}
.bio-signature-wrap{display:flex;align-items:flex-end;gap:14px;margin-top:16px;}
.bio-signature-wrap img{width:min(430px,78%);height:auto;display:block;filter:sepia(.22) saturate(1.2) hue-rotate(165deg) drop-shadow(0 6px 12px rgba(0,0,0,.18));}
.bio-signature-wrap span{color:var(--gold);font-size:.72rem;white-space:nowrap;margin-bottom:9px;letter-spacing:.08em;text-transform:uppercase;}
.featured-art-cover{width:min(520px,100%);aspect-ratio:16/9;border:1px solid rgba(232,200,119,.36);border-radius:22px;position:relative;overflow:hidden;background:#09090c;box-shadow:0 26px 72px rgba(0,0,0,.42);}
.featured-art-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease;}
.featured-art-cover:hover img{transform:scale(1.025);}
.cover-play-badge{position:absolute;left:24px;bottom:22px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(232,200,119,.7);color:#fff2c7;background:rgba(8,8,10,.62);backdrop-filter:blur(5px);font-size:1rem;}
.cover-caption{position:absolute;right:20px;bottom:22px;color:#fff3cc;font-family:'Cinzel',serif;font-size:1rem;letter-spacing:.12em;text-shadow:0 2px 16px #000;background:rgba(5,5,8,.42);padding:9px 13px;border:1px solid rgba(232,200,119,.18);border-radius:8px;}
.social-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px;border:1px solid rgba(201,162,75,.2);border-radius:18px;background:linear-gradient(145deg,rgba(28,26,34,.75),rgba(10,10,14,.82));margin-bottom:28px;}
.social-intro p{color:var(--ink-dim);line-height:1.65;max-width:72ch;margin:0;}
.social-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.social-project-card{overflow:hidden;border:1px solid rgba(201,162,75,.2);border-radius:17px;background:linear-gradient(145deg,rgba(28,26,34,.94),rgba(10,10,14,.96));box-shadow:0 16px 38px rgba(0,0,0,.2);}
.social-project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease;}
.social-project-card:hover img{transform:scale(1.035);}
.social-project-body{padding:17px 18px 19px;}
.social-project-body h3{color:var(--paper);font-size:1rem;margin-bottom:6px;}
.social-project-body p{color:var(--ink-dim);font-size:.84rem;line-height:1.55;margin:0;}
.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.project-gallery-card{margin:0;border:1px solid rgba(201,162,75,.2);border-radius:16px;overflow:hidden;background:var(--bg-raised);}
.project-gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.project-gallery-card figcaption{display:flex;flex-direction:column;gap:4px;padding:13px 15px 15px;}
.project-gallery-card strong{color:var(--paper);font-size:.86rem;}
.project-gallery-card span{color:var(--ink-dim);font-size:.76rem;line-height:1.45;}
@media(max-width:860px){
 .bio-layout{grid-template-columns:1fr;gap:32px;}
 .bio-visual{min-height:420px;}
 .bio-copy{text-align:left;}
 .bio-signature-wrap{justify-content:flex-start;}
 .social-intro{flex-direction:column;align-items:flex-start;}
 .social-intro .btn{width:100%;justify-content:center;}
 .social-project-grid,.project-gallery-grid{grid-template-columns:1fr 1fr;}
 .featured-art-cover{width:min(620px,100%);}
}
@media(max-width:560px){
 .bio-visual{min-height:360px;}
 .bio-copy h2{font-size:2rem;}
 .bio-copy p{font-size:.93rem;line-height:1.65;}
 .bio-signature-wrap{flex-direction:column;align-items:flex-start;gap:2px;}
 .bio-signature-wrap img{width:100%;max-width:430px;}
 .social-project-grid,.project-gallery-grid{grid-template-columns:1fr;}
 .cover-caption{font-size:.78rem;right:12px;bottom:12px;letter-spacing:.06em;}
 .cover-play-badge{left:12px;bottom:12px;width:50px;height:50px;}
}

  /* ---------- MOBILE NAVIGATION / ANCHOR HARDENING ---------- */
  html{scroll-behavior:smooth;}
  [id]{scroll-margin-top:92px;}
  @media (max-width:860px){
    html{scroll-behavior:smooth;}
    [id]{scroll-margin-top:84px;}
    nav.links a{touch-action:manipulation; cursor:pointer;}
    .mobile-nav-scrim{pointer-events:none;}
    .mobile-nav-scrim.open{pointer-events:auto;}
    body.mobile-menu-open{overflow:hidden;touch-action:none;}
  }



/* --- Extra styles from the final site adjustments --- */

/* ===== AJUSTES 2: player discreto ===== */
.compact-release{
  position:relative;
  padding:54px 0 50px;
  background:
    radial-gradient(circle at 18% 40%, rgba(201,162,75,.06), transparent 30%),
    radial-gradient(circle at 82% 60%, rgba(83,54,150,.05), transparent 28%),
    var(--bg);
  border-top:1px solid rgba(201,162,75,.12);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.compact-release::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,transparent,rgba(232,200,119,.035),transparent);
  transform:translateX(-110%);
  animation:compactSweep 12s ease-in-out infinite;
  pointer-events:none;
}
@keyframes compactSweep{
  0%,52%{transform:translateX(-110%);}
  72%,100%{transform:translateX(110%);}
}
.compact-release-inner{
  width:min(760px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px 30px;
  align-items:center;
  position:relative;
  z-index:2;
  padding:18px 20px;
  border:1px solid rgba(201,162,75,.16);
  border-radius:16px;
  background:rgba(14,13,18,.72);
  box-shadow:0 14px 45px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);
}
.compact-release-copy{min-width:0;}
.compact-release-kicker{
  margin:0 0 6px;
  color:var(--gold);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.compact-release-title{
  color:var(--paper);
  font-family:'Cinzel',serif;
  font-size:clamp(1rem,2vw,1.28rem);
  line-height:1.1;
}
.compact-release-sub{
  margin:6px 0 0;
  color:rgba(224,218,208,.56);
  font-size:.73rem;
  max-width:54ch;
}
.compact-release-player{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.compact-release-player audio{
  width:270px;
  max-width:100%;
  height:31px;
  opacity:.55;
  filter:saturate(.5);
}
.compact-release-player audio:hover,
.compact-release-player audio:focus{opacity:.82;}
.compact-release-links{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
  padding-top:2px;
}
.compact-release-links a{
  color:rgba(201,162,75,.72);
  font-size:.67rem;
  transition:color .25s ease, transform .25s ease;
}
.compact-release-links a:hover{
  color:var(--gold-bright);
  transform:translateY(-1px);
}
@media(max-width:700px){
  .compact-release{padding:42px 0;}
  .compact-release-inner{
    grid-template-columns:1fr;
    gap:12px;
  }
  .compact-release-player{justify-content:flex-start;}
  .compact-release-player audio{width:250px;}
}

/* ===== AJUSTES 2: alcance com o mesmo "mundo vivo" do propósito ===== */
.reach-enhanced{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 24%, rgba(201,162,75,.09), transparent 24%),
    radial-gradient(circle at 88% 76%, rgba(86,58,150,.10), transparent 26%),
    var(--bg-raised);
}
.reach-enhanced::before,
.reach-enhanced::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.reach-enhanced::before{
  width:560px;height:560px;
  top:-360px;right:-220px;
  border:1px solid rgba(232,200,119,.08);
  box-shadow:0 0 100px rgba(232,200,119,.05);
  animation:reachHaloA 13s linear infinite;
}
.reach-enhanced::after{
  width:460px;height:460px;
  bottom:-290px;left:-190px;
  border:1px solid rgba(232,200,119,.07);
  box-shadow:0 0 100px rgba(232,200,119,.04);
  animation:reachHaloB 16s linear infinite;
}
@keyframes reachHaloA{
  to{transform:rotate(360deg) scale(1.05);}
}
@keyframes reachHaloB{
  to{transform:rotate(-360deg) scale(1.08);}
}
.reach-glow{
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  filter:blur(22px);
  opacity:.15;
  pointer-events:none;
  z-index:0;
}
.reach-glow-1{
  left:13%;top:12%;
  background:radial-gradient(circle,rgba(232,200,119,.55),transparent 68%);
  animation:reachGlow 7s ease-in-out infinite;
}
.reach-glow-2{
  right:14%;bottom:16%;
  background:radial-gradient(circle,rgba(116,79,178,.45),transparent 68%);
  animation:reachGlow 9s ease-in-out infinite reverse;
}
@keyframes reachGlow{
  0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.08;}
  50%{transform:translate3d(16px,-14px,0) scale(1.15);opacity:.24;}
}
.reach-orbit{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.reach-spark{
  position:absolute;
  color:var(--gold-bright);
  text-shadow:0 0 12px rgba(232,200,119,.7),0 0 24px rgba(232,200,119,.18);
  opacity:.25;
  animation:reachSparkFloat 7s ease-in-out infinite;
}
.rs-1{left:7%;top:28%;font-size:1rem;animation-delay:-1.2s;}
.rs-2{left:28%;top:18%;font-size:.72rem;animation-delay:-4s;}
.rs-3{left:46%;top:73%;font-size:1.1rem;animation-delay:-2.4s;}
.rs-4{right:10%;top:26%;font-size:.95rem;animation-delay:-5.2s;}
.rs-5{right:31%;top:77%;font-size:.76rem;animation-delay:-3.4s;}
.rs-6{right:44%;top:12%;font-size:.9rem;animation-delay:-.5s;}
@keyframes reachSparkFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0);opacity:.12;}
  35%{opacity:.62;}
  50%{transform:translate3d(9px,-17px,0) rotate(95deg);opacity:.95;}
  78%{opacity:.22;}
}
.reach-enhanced .wrap{position:relative;z-index:2;}
.reach-stats{gap:18px;}
.reach-stat{
  position:relative;
  min-height:168px;
  padding:24px 16px 22px;
  border:1px solid rgba(201,162,75,.16);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(28,25,34,.84),rgba(11,10,15,.92));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  overflow:hidden;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.reach-stat::before{
  content:"";
  position:absolute;
  inset:-65%;
  background:conic-gradient(from 0deg,transparent 0 74%,rgba(232,200,119,.12) 80%,transparent 85%);
  animation:reachCardSweep 9s linear infinite;
  pointer-events:none;
}
@keyframes reachCardSweep{to{transform:rotate(360deg);}}
.reach-stat:hover{
  transform:translateY(-8px);
  border-color:rgba(232,200,119,.62);
  box-shadow:0 25px 55px rgba(0,0,0,.36),0 0 34px rgba(201,162,75,.10);
}
.reach-icon{
  width:42px;height:42px;
  margin:0 auto 15px;
  border:1px solid rgba(232,200,119,.46);
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold-bright);
  background:linear-gradient(145deg,rgba(201,162,75,.14),rgba(201,162,75,.03));
  position:relative;
  box-shadow:0 0 18px rgba(201,162,75,.08);
}
.reach-icon > span{
  position:relative;z-index:2;
  font-size:1.05rem;
  animation:reachIconFloat 4.6s ease-in-out infinite;
}
.reach-stat:nth-child(2) .reach-icon > span{animation-delay:-1.1s;}
.reach-stat:nth-child(3) .reach-icon > span{animation-delay:-2.1s;}
.reach-stat:nth-child(4) .reach-icon > span{animation-delay:-3.2s;}
@keyframes reachIconFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.06);}
}
.reach-icon-pulse{
  position:absolute;
  inset:-5px;
  border:1px solid rgba(232,200,119,.20);
  border-radius:inherit;
  animation:reachIconRing 3.7s ease-out infinite;
}
.reach-stat:nth-child(2) .reach-icon-pulse{animation-delay:-1s;}
.reach-stat:nth-child(3) .reach-icon-pulse{animation-delay:-2s;}
.reach-stat:nth-child(4) .reach-icon-pulse{animation-delay:-2.8s;}
@keyframes reachIconRing{
  0%,35%{transform:scale(.88);opacity:.55;}
  82%,100%{transform:scale(1.36);opacity:0;}
}
.reach-stat .stat-num,
.reach-stat .stat-label{position:relative;z-index:2;}
.reach-stat .stat-num{
  font-size:clamp(1.6rem,3vw,2.35rem);
}
.reach-stat .stat-label{
  margin-top:6px;
  font-size:.72rem;
}
@media(max-width:860px){
  .reach-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reach-stat:hover{transform:translateY(-5px);}
}
@media(max-width:520px){
  .reach-stats{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .compact-release::before,
  .reach-enhanced::before,.reach-enhanced::after,
  .reach-glow,.reach-spark,.reach-stat::before,
  .reach-icon > span,.reach-icon-pulse{
    animation:none!important;
  }
}


/* --- Extra styles from the final site adjustments --- */

/* ===== AJUSTES 5 — efeitos sutis na área de áudio ===== */
.compact-release{
  isolation:isolate;
  overflow:hidden;
}
.compact-release::after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-220px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border:1px solid rgba(232,200,119,.08);
  box-shadow:0 0 80px rgba(232,200,119,.04), inset 0 0 70px rgba(232,200,119,.025);
  animation:audioOrbit 14s linear infinite;
  pointer-events:none;
  z-index:0;
}
@keyframes audioOrbit{
  from{transform:translateY(-50%) rotate(0deg);}
  to{transform:translateY(-50%) rotate(360deg);}
}
.compact-release .release-glow{
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(232,200,119,.12),rgba(232,200,119,.025) 45%,transparent 72%);
  filter:blur(3px);
  right:14%;top:50%;
  transform:translateY(-50%);
  animation:releaseGlow 4.5s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
@keyframes releaseGlow{
  0%,100%{opacity:.28;transform:translateY(-50%) scale(.8)}
  50%{opacity:.72;transform:translateY(-50%) scale(1.12)}
}
.compact-release .release-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:var(--gold-bright);
  box-shadow:0 0 10px rgba(232,200,119,.7);
  opacity:.42;
  animation:releaseParticle var(--dur,7s) ease-in-out infinite;
  pointer-events:none;
  z-index:1;
}
@keyframes releaseParticle{
  0%,100%{transform:translate3d(0,10px,0) scale(.65);opacity:.12}
  50%{transform:translate3d(var(--dx,20px),-18px,0) scale(1.15);opacity:.66}
}
.compact-release .compact-release-inner{
  position:relative;
  z-index:3;
}
.compact-release-player{
  position:relative;
}
.compact-release-player::before{
  content:"";
  position:absolute;
  width:108px;height:44px;
  border-radius:999px;
  border:1px solid rgba(232,200,119,.13);
  box-shadow:0 0 28px rgba(232,200,119,.08);
  animation:audioPulse 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes audioPulse{
  0%,100%{transform:scale(.92);opacity:.25}
  50%{transform:scale(1.1);opacity:.8}
}
.compact-release-player audio{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  .compact-release::after{left:72%;top:26%;width:300px;height:300px;}
  .compact-release .release-glow{right:4%;top:30%;width:140px;height:140px;}
}
@media(prefers-reduced-motion:reduce){
  .compact-release::after,
  .compact-release .release-glow,
  .compact-release .release-particle,
  .compact-release-player::before{animation:none !important;}
}


/* --- Extra styles from the final site adjustments --- */

/* ===== AJUSTES FINAIS 7 ===== */
/* Hero: somente os dois CTAs principais */
.hero .btn{margin-right:10px;}
/* Preview de áudio: integrado visualmente à transição, sem roubar atenção */
.compact-release, .featured-release.compact-release{
  position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(circle at 18% 52%, rgba(201,162,75,.09), transparent 22%),
    radial-gradient(circle at 82% 46%, rgba(91,66,150,.08), transparent 24%),
    linear-gradient(180deg,#0b0a0e 0%,#0d0c11 52%,#101017 100%);
  border-top:1px solid rgba(201,162,75,.13);
  border-bottom:1px solid rgba(201,162,75,.14);
}
.compact-release::before{
  content:"";position:absolute;width:520px;height:520px;left:-220px;top:-180px;border:1px solid rgba(232,200,119,.07);border-radius:50%;
  box-shadow:0 0 110px rgba(201,162,75,.06), inset 0 0 70px rgba(201,162,75,.025);animation:mediaOrbit 18s linear infinite;pointer-events:none;
}
.compact-release::after{
  content:"";position:absolute;width:420px;height:160px;right:5%;top:50%;transform:translateY(-50%);
  background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(232,200,119,.11) 12px 13px,transparent 13px 25px);
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);opacity:.28;animation:mediaWave 7s ease-in-out infinite;pointer-events:none;
}
@keyframes mediaOrbit{to{transform:rotate(360deg) scale(1.03);}}
@keyframes mediaWave{0%,100%{transform:translateY(-50%) translateX(0) scaleY(.7)}50%{transform:translateY(-50%) translateX(-28px) scaleY(1.25)}}
.compact-release .featured-grid{position:relative;z-index:2;}
.compact-release .audio-card{
  position:relative;max-width:700px!important;margin:14px 0 10px!important;padding:14px 18px 12px!important;
  border:1px solid rgba(201,162,75,.18)!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(25,22,30,.78),rgba(10,10,14,.68))!important;
  box-shadow:0 10px 35px rgba(0,0,0,.25),0 0 35px rgba(201,162,75,.035)!important;
  backdrop-filter:blur(8px);
}
.compact-release .audio-card::before{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);pointer-events:none;}
.compact-release .audio-card-head{margin-bottom:6px!important;}
.compact-release .audio-card audio{width:min(390px,100%)!important;height:30px!important;opacity:.68!important;}
.compact-release .audio-card audio:hover,.compact-release .audio-card audio:focus{opacity:.92!important;}
.compact-release .featured-audience{position:relative;z-index:2;}
/* OFEJUSB: uma única galeria, imagens inteiras; no mobile vira carrossel horizontal */
.social-projects{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0a0e 0%,#0d0c12 100%);}
.social-projects::before{content:"";position:absolute;width:680px;height:680px;right:-340px;top:-250px;border-radius:50%;border:1px solid rgba(201,162,75,.05);box-shadow:0 0 130px rgba(201,162,75,.045);animation:socialHalo 20s linear infinite;pointer-events:none;}
@keyframes socialHalo{to{transform:rotate(360deg) scale(1.04);}}
.ofe-gallery{position:relative;z-index:2;margin-top:34px;}
.ofe-gallery-viewport{overflow:visible;}
.ofe-gallery-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ofe-gallery-card{margin:0;border:1px solid rgba(201,162,75,.18);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,rgba(24,21,29,.98),rgba(10,10,14,.98));box-shadow:0 16px 38px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.ofe-gallery-card:hover{transform:translateY(-7px);border-color:rgba(232,200,119,.45);box-shadow:0 24px 48px rgba(0,0,0,.38),0 0 28px rgba(201,162,75,.06);}
.ofe-gallery-media{background:#07070a;display:flex;align-items:center;justify-content:center;}
.ofe-gallery-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#07070a;}
.ofe-gallery-card figcaption{display:flex;flex-direction:column;gap:5px;padding:11px 13px 13px;}
.ofe-gallery-card figcaption strong{font-size:.76rem;line-height:1.25;color:var(--paper);}
.ofe-gallery-card figcaption span{font-size:.69rem;line-height:1.45;color:var(--ink-dim);}
.ofe-gallery-controls{display:none;}
@media(max-width:900px){.ofe-gallery-track{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){
  .ofe-gallery{margin-top:24px;}
  .ofe-gallery-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:7px;}
  .ofe-gallery-viewport::-webkit-scrollbar{display:none;}
  .ofe-gallery-track{display:flex;gap:14px;width:max-content;}
  .ofe-gallery-card{flex:0 0 min(84vw,430px);scroll-snap-align:center;}
  .ofe-gallery-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;}
  .ofe-gallery-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(232,200,119,.32);background:rgba(201,162,75,.08);color:var(--gold-bright);font-size:1.55rem;line-height:1;cursor:pointer;}
  .ofe-gallery-dots{display:flex;gap:6px;align-items:center;justify-content:center;min-width:90px;}
  .ofe-gallery-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(232,200,119,.28);cursor:pointer;}
  .ofe-gallery-dots button.is-active{width:18px;border-radius:99px;background:var(--gold-bright);}
}
/* Reforça efeitos da faixa de áudio para não ficar visualmente perdida */
.compact-release .section-head,.compact-release .featured-grid,.compact-release .audio-card{position:relative;z-index:2;}
.compact-release .audio-card::after{content:"♪  ·  ✦  ·  ♪  ·  ✦  ·  ♪";position:absolute;right:16px;bottom:11px;color:rgba(232,200,119,.20);font-size:.66rem;letter-spacing:.28em;animation:musicGlyphs 4.5s ease-in-out infinite;pointer-events:none;}
@keyframes musicGlyphs{0%,100%{transform:translateX(0);opacity:.18}50%{transform:translateX(-12px);opacity:.5}}


/* --- Extra styles from the final site adjustments --- */


/* =========================================================
   AJUSTE VISUAL 10 — menos caixas, mais composição editorial
   Mantém a estrutura/JS existentes e altera somente estas 3 áreas.
   ========================================================= */
.reach-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:34px!important;
  border-top:1px solid rgba(201,162,75,.18);
  border-bottom:1px solid rgba(201,162,75,.12);
}
.reach-stat{
  min-height:150px!important;
  padding:28px 22px 24px!important;
  border:0!important;
  border-right:1px solid rgba(201,162,75,.13)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
.reach-stat:last-child{border-right:0!important;}
.reach-stat::before{display:none!important;}
.reach-stat:hover{
  transform:none!important;
  border-color:rgba(201,162,75,.13)!important;
  box-shadow:none!important;
}
.reach-stat .reach-icon{
  width:34px;height:34px;margin:0 auto 13px;border-radius:50%;
  background:rgba(201,162,75,.05);border-color:rgba(232,200,119,.34);
  box-shadow:0 0 24px rgba(201,162,75,.07);
}
.reach-stat .stat-num{font-size:clamp(2rem,3.2vw,2.7rem);line-height:1.05;}
.reach-stat .stat-label{max-width:170px;margin:8px auto 0;line-height:1.45;}
.reach-stat:hover .reach-icon{box-shadow:0 0 30px rgba(201,162,75,.18);transform:scale(1.05);}

/* PROPÓSITO: três colunas abertas, sem aspecto de cards */
.audience-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:38px!important;
  border-top:1px solid rgba(201,162,75,.15);
}
.audience-card{
  position:relative;
  padding:32px 34px 30px!important;
  border:0!important;
  border-right:1px solid rgba(201,162,75,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden;
}
.audience-card:last-child{border-right:0!important;}
.audience-card::after{
  content:"";position:absolute;left:34px;top:-1px;width:52px;height:2px;
  background:linear-gradient(90deg,var(--gold-bright),transparent);
  transform:scaleX(.45);transform-origin:left;transition:transform .45s ease;
}
.audience-card:hover::after{transform:scaleX(1);}
.audience-card .audience-icon{
  width:38px;height:38px;border-radius:50%;margin-bottom:18px;
  background:rgba(201,162,75,.045);
  box-shadow:0 0 24px rgba(201,162,75,.05);
}
.audience-card h3{font-size:1.18rem!important;margin-bottom:9px!important;}
.audience-card p{max-width:31ch;line-height:1.65!important;}
.audience-card .card-shine{display:none!important;}

/* MOVIMENTO: timeline editorial em vez de quatro caixas */
.movement-grid{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  max-width:1040px!important;
  margin-top:38px!important;
  padding-left:86px!important;
}
.movement-grid::before{
  content:"";position:absolute;left:25px;top:16px;bottom:16px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(232,200,119,.55) 12%,rgba(201,162,75,.16) 88%,transparent);
}
.move-card{
  min-height:0!important;
  padding:28px 0 28px 34px!important;
  border:0!important;
  border-bottom:1px solid rgba(201,162,75,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:22px;
  align-items:start;
}
.move-card:last-child{border-bottom:0!important;}
.move-card::before,.move-card::after{display:none!important;}
.move-card .glyph{
  grid-row:1 / span 2;
  width:50px;height:50px;margin:0!important;border-radius:50%;
  background:rgba(201,162,75,.045)!important;
  border:1px solid rgba(232,200,119,.45)!important;
  box-shadow:0 0 0 7px rgba(10,10,14,.95),0 0 24px rgba(201,162,75,.07)!important;
  font-size:1.08rem!important;
}
.move-card h3{margin:1px 0 9px!important;font-size:1.1rem!important;}
.move-card p{margin:0!important;max-width:62ch;line-height:1.68!important;}
.move-card:hover .glyph{transform:scale(1.07);box-shadow:0 0 0 7px rgba(10,10,14,.95),0 0 34px rgba(201,162,75,.18)!important;}

@media(max-width:900px){
  .reach-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .reach-stat:nth-child(2){border-right:0!important;}
  .reach-stat:nth-child(-n+2){border-bottom:1px solid rgba(201,162,75,.13)!important;}
  .audience-grid{grid-template-columns:1fr!important;}
  .audience-card{border-right:0!important;border-bottom:1px solid rgba(201,162,75,.12)!important;padding-left:0!important;padding-right:0!important;}
  .audience-card:last-child{border-bottom:0!important;}
  .audience-card::after{left:0;}
}
@media(max-width:700px){
  .reach-stats{grid-template-columns:1fr 1fr!important;}
  .reach-stat{padding:24px 12px!important;}
  .reach-stat .stat-num{font-size:1.9rem;}
  .movement-grid{padding-left:48px!important;}
  .movement-grid::before{left:14px;}
  .move-card{grid-template-columns:56px minmax(0,1fr);column-gap:14px;padding:24px 0!important;}
  .move-card .glyph{width:42px;height:42px;}
}



/* --- Extra styles from the final site adjustments --- */

/* ======================================================================
   UX / MOTION PASS — páginas pós-hero
   ====================================================================== */
:root{
  --motion-ease:cubic-bezier(.2,.75,.2,1);
  --card-radius:22px;
}

/* Progress indicator: subtle and global, without changing the hero layout. */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:1200;pointer-events:none;background:rgba(255,255,255,.04)}
.scroll-progress span{display:block;width:0;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--gold),#f4d37b);box-shadow:0 0 14px rgba(232,200,119,.35);transition:width .12s linear}

/* Shared depth and motion for all post-hero sections. */
body:not(.mobile-menu-open) section:not(.hero){scroll-margin-top:96px}
section:not(.hero){position:relative;isolation:isolate}
section:not(.hero)::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;background:radial-gradient(circle at 8% 18%,rgba(201,162,75,.045),transparent 24%),radial-gradient(circle at 92% 80%,rgba(77,112,255,.035),transparent 25%);z-index:-1}

/* Reveal becomes softer and more premium, while the existing JS still controls timing. */
.reveal{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(3px);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease),filter .75s var(--motion-ease)}
.reveal.in{opacity:1;transform:none;filter:none}

/* Cards get depth without turning the site into a noisy animation wall. */
.track,.audience-card,.purpose-card,.move-card,.avatar-highlight,.project-gallery-card,.ofe-gallery-card{position:relative;overflow:hidden;transition:transform .45s var(--motion-ease),border-color .45s ease,box-shadow .45s ease}
.track::after,.audience-card::after,.purpose-card::after,.move-card::after,.avatar-highlight::after,.project-gallery-card::after,.ofe-gallery-card::after{content:"";position:absolute;inset:-30% auto -30% -40%;width:40%;transform:translateX(-220%) rotate(12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none;transition:transform .9s var(--motion-ease)}
.track:hover,.audience-card:hover,.purpose-card:hover,.move-card:hover,.avatar-highlight:hover,.project-gallery-card:hover,.ofe-gallery-card:hover{transform:translateY(-7px);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.track:hover::after,.audience-card:hover::after,.purpose-card:hover::after,.move-card:hover::after,.avatar-highlight:hover::after,.project-gallery-card:hover::after,.ofe-gallery-card:hover::after{transform:translateX(480%) rotate(12deg)}

/* Gallery images respond gently to pointer hover. */
.project-gallery-card img,.ofe-gallery-card img{transition:transform .8s var(--motion-ease),filter .5s ease}
.project-gallery-card:hover img,.ofe-gallery-card:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.02)}

/* Music section: the player now shares the viewport with editorial context. */
.music-showcase{padding:92px 0 88px;background:linear-gradient(180deg,#0b0a0f 0%,#0e0b11 100%);overflow:hidden;border-top:1px solid rgba(201,162,75,.10);border-bottom:1px solid var(--line)}
.music-showcase-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);gap:24px;align-items:stretch}
.music-player-card,.music-story-card{position:relative;min-height:100%;border:1px solid rgba(201,162,75,.18);border-radius:var(--card-radius);background:linear-gradient(145deg,rgba(19,17,23,.96),rgba(10,9,13,.92));box-shadow:0 22px 70px rgba(0,0,0,.24);overflow:hidden}
.music-player-card{padding:30px 32px 28px}
.music-player-card::before,.music-story-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 32%,transparent 70%,rgba(201,162,75,.025))}
.music-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.music-live{font-size:.61rem;letter-spacing:.13em;color:rgba(224,218,208,.56);display:inline-flex;align-items:center;gap:6px}
.music-live i{display:block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(232,200,119,.35);animation:musicLivePulse 2s ease-out infinite}
@keyframes musicLivePulse{0%{box-shadow:0 0 0 0 rgba(232,200,119,.38)}70%{box-shadow:0 0 0 8px rgba(232,200,119,0)}100%{box-shadow:0 0 0 0 rgba(232,200,119,0)}}
.music-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:14px}
.music-eyebrow{margin:0 0 8px;color:var(--gold);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}
.music-title-row h2,.music-story-card h2{margin:0;color:var(--paper);font-family:'Cinzel',serif;font-weight:500;line-height:1.08}
.music-title-row h2{font-size:clamp(1.75rem,3.2vw,2.7rem);max-width:19ch}
.music-showcase .compact-release-sub{font-size:.92rem;line-height:1.65;max-width:62ch;margin-top:15px;color:rgba(224,218,208,.62)}
.equalizer{height:54px;display:flex;align-items:end;gap:4px;padding:8px 10px;border:1px solid rgba(201,162,75,.14);border-radius:14px;background:rgba(255,255,255,.015);flex:0 0 auto}
.equalizer span{width:4px;border-radius:999px;background:linear-gradient(180deg,#f5d47c,rgba(201,162,75,.32));height:14px;animation:eqBars 1.2s ease-in-out infinite}
.equalizer span:nth-child(2){animation-delay:-.95s;height:24px}.equalizer span:nth-child(3){animation-delay:-.6s;height:34px}.equalizer span:nth-child(4){animation-delay:-.35s;height:21px}.equalizer span:nth-child(5){animation-delay:-.8s;height:29px}
@keyframes eqBars{0%,100%{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}
.music-native-player{margin-top:24px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.music-native-player audio{display:block;width:100%;height:42px;filter:saturate(.65);opacity:.82}
.music-native-player audio:focus{outline:2px solid rgba(232,200,119,.32);outline-offset:4px}
.music-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.music-platforms a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid rgba(201,162,75,.12);border-radius:13px;background:rgba(255,255,255,.012);color:rgba(224,218,208,.68);font-size:.72rem;text-decoration:none;transition:transform .3s ease,border-color .3s ease,color .3s ease,background .3s ease}
.music-platforms a b{font-size:.8rem;font-weight:400;opacity:.55;transition:transform .3s ease}
.music-platforms a:hover{transform:translateY(-3px);border-color:rgba(232,200,119,.36);color:var(--gold-bright);background:rgba(201,162,75,.05)}
.music-platforms a:hover b{transform:translate(2px,-2px)}
.music-story-card{padding:34px 30px 30px;display:flex;flex-direction:column;justify-content:center}
.music-story-card .story-number{position:absolute;right:22px;top:18px;font-family:'Cinzel',serif;font-size:3.1rem;color:rgba(232,200,119,.08);line-height:1}
.music-story-card h2{font-size:clamp(1.55rem,2.4vw,2.2rem);max-width:13ch}
.music-story-card>p:not(.music-eyebrow){font-size:.9rem;line-height:1.7;color:rgba(224,218,208,.62);margin:16px 0 0;max-width:46ch}
.story-divider{width:100%;height:1px;background:linear-gradient(90deg,rgba(201,162,75,.22),transparent);margin:25px 0 17px}
.story-points{display:grid;gap:13px}
.story-points span{display:flex;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04)}
.story-points b{font-size:.76rem;color:var(--paper);font-weight:500}.story-points small{font-size:.65rem;color:rgba(224,218,208,.48);text-align:right}
.music-story-cta{align-self:flex-start;margin-top:22px;display:inline-flex;gap:9px;align-items:center}
.music-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(201,162,75,.09);border-radius:50%;right:-220px;top:-190px;animation:orbitFloat 11s ease-in-out infinite;pointer-events:none}
.music-orbit::after{content:"";position:absolute;inset:34px;border:1px solid rgba(201,162,75,.055);border-radius:50%}
.music-pulse{position:absolute;width:130px;height:130px;border-radius:50%;left:5%;bottom:8%;border:1px solid rgba(201,162,75,.08);box-shadow:0 0 0 18px rgba(201,162,75,.018),0 0 0 36px rgba(201,162,75,.01);animation:pulseBreath 5s ease-in-out infinite;pointer-events:none}
@keyframes orbitFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,16px,0) rotate(5deg)}}
@keyframes pulseBreath{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.05);opacity:.9}}

/* Consistent section heads on smaller screens. */
@media(max-width:860px){
  section:not(.hero){scroll-margin-top:84px}
  .music-showcase{padding:72px 0 68px}
  .music-showcase-grid{grid-template-columns:1fr;gap:18px}
  .music-story-card{min-height:auto}
}
@media(max-width:600px){
  .music-player-card,.music-story-card{padding:24px 20px}
  .music-title-row{align-items:flex-start}.music-title-row h2{font-size:1.72rem}
  .equalizer{height:44px;transform:scale(.86);transform-origin:right top;margin-left:auto}
  .music-showcase .compact-release-sub{font-size:.86rem;line-height:1.6;text-align:center}
  .music-card-topline{justify-content:center}.music-live{display:none}
  .music-title-row{display:block;text-align:center}.music-eyebrow{text-align:center}
  .music-platforms{grid-template-columns:repeat(2,1fr)}
  .music-story-card{text-align:center;align-items:center}.music-story-card h2{max-width:100%}.music-story-card>p:not(.music-eyebrow){max-width:38ch}
  .story-points{width:100%;text-align:left}.music-story-cta{align-self:center}
}

/* Mobile nav: larger tap targets, dedicated panel, robust layering and scrollable long menu. */
@media(max-width:860px){
  body.mobile-menu-open{overflow:hidden;}
  header.site-nav{z-index:1210}
  .nav-toggle{min-width:48px;min-height:48px;border-radius:14px;border:1px solid rgba(201,162,75,.18);background:rgba(10,10,14,.72);box-shadow:0 8px 24px rgba(0,0,0,.2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .nav-toggle:focus-visible{outline:2px solid rgba(232,200,119,.5);outline-offset:3px}
  nav.links{z-index:1002;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none}
  nav.links.open{visibility:visible;pointer-events:auto}
  nav.links a{min-height:52px;display:flex;align-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .mobile-nav-scrim{z-index:1001}
  html.menu-open{overflow:hidden}
}

/* Active navigation cue. */
nav.links a.is-active{color:var(--paper);text-shadow:0 0 16px rgba(232,200,119,.12)}
nav.links a.is-active::after{width:100%}

/* Floating top-to-top affordance. */
.back-top{position:fixed;right:22px;bottom:84px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(201,162,75,.18);border-radius:50%;background:rgba(14,13,18,.84);color:var(--gold);box-shadow:0 12px 34px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:900;backdrop-filter:blur(8px);cursor:pointer}
@media(max-width:520px){.back-top{right:14px;bottom:74px;width:40px;height:40px;}}
.back-top.show{opacity:1;visibility:visible;transform:none}
.back-top:hover{transform:translateY(-3px);border-color:rgba(232,200,119,.4)}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .music-live i,.equalizer span,.music-orbit,.music-pulse{animation:none!important}
  .track,.audience-card,.purpose-card,.move-card,.avatar-highlight,.project-gallery-card,.ofe-gallery-card,.music-platforms a{transition:none!important}
  html{scroll-behavior:auto!important}
}


/* --- Extra styles from the final site adjustments --- */

/* ================================================================
   AJUSTES MOBILE SOLICITADOS — somente telas pequenas
   ================================================================ */
@media (max-width: 700px){
  /* 1) No mobile, manter somente o card superior da música. */
  .music-showcase .music-story-card{
    display:none !important;
  }
  .music-showcase .music-showcase-grid{
    grid-template-columns:1fr !important;
  }

  /* 2) Legenda da imagem: "Música • Fé • Propósito" alinhada ao centro
        do texto/arte, sem deslocamento lateral. */
  .bio-visual-caption{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    white-space:nowrap !important;
    max-width:calc(100% - 28px) !important;
  }

  /* 3) Ícones da seção PROPÓSITO: garantir SVG visível e estável no mobile. */
  .audience-card .audience-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    position:relative !important;
    color:var(--gold-bright) !important;
    overflow:visible !important;
    opacity:1 !important;
  }
  .audience-card .audience-icon svg,
  .purpose-card .audience-icon svg{
    display:block !important;
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    min-height:23px !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:1.9 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:2 !important;
    transform:none !important;
  }
  .audience-card .icon-pulse{
    z-index:1 !important;
    pointer-events:none !important;
  }

  /* 4) Movimento: remover a linha vertical e centralizar conteúdo + ícones. */
  .movement-grid{
    padding-left:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:none !important;
    text-align:center !important;
  }
  .movement-grid::before{
    display:none !important;
    content:none !important;
  }
  .move-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    column-gap:0 !important;
    padding:28px 10px !important;
    text-align:center !important;
    width:100% !important;
  }
  .move-card .glyph{
    grid-row:auto !important;
    margin:0 auto 16px !important;
    width:50px !important;
    height:50px !important;
    flex:0 0 50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
  }
  .move-card h3,
  .move-card p{
    width:100% !important;
    max-width:44ch !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  .move-card h3{
    margin-top:0 !important;
    margin-bottom:10px !important;
  }
  .move-card p{
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.68 !important;
  }
}

@media (max-width: 420px){
  .bio-visual-caption{
    font-size:.68rem !important;
    letter-spacing:.14em !important;
    padding:8px 11px !important;
  }
  .move-card{
    padding-left:4px !important;
    padding-right:4px !important;
  }
}


/* --- Extra styles from the final site adjustments --- */

  .unified-book-section{padding:34px 0 52px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .unified-book-shell{width:min(1320px,calc(100% - 36px));margin:0 auto;}
  .unified-book-frame{display:block;width:100%;height:max(900px,100vh);min-height:0;overflow:hidden;border:1px solid rgba(201,162,75,.28);border-radius:18px;background:#0e0c12;box-shadow:0 22px 70px rgba(0,0,0,.36);}
  .unified-signature-only{width:min(940px,100%);margin:34px auto 0;text-align:center;}
  .unified-signature-only .bio-signature-wrap{justify-content:center;margin-top:0;}
  .unified-signature-only .bio-pills{justify-content:center;margin-top:18px;}
  @media(max-width:700px){
    .unified-book-section{padding:22px 0 38px;}
    .unified-book-shell{width:min(100% - 20px,1320px);}
    .unified-book-frame{height:860px;min-height:0;border-radius:14px;}
    .unified-signature-only{margin-top:26px;}
  }


/* --- Extra styles from the final site adjustments --- */

  /* =========================
     NOVIDADES — GOLD SHOWCASE
     ========================= */
  .novidades-section{
    position:relative;
    padding:112px 0 110px;
    overflow:hidden;
    background:
      radial-gradient(ellipse 70% 42% at 50% 0%, rgba(201,162,75,.13), transparent 68%),
      radial-gradient(ellipse 38% 55% at 8% 48%, rgba(201,162,75,.08), transparent 72%),
      radial-gradient(ellipse 38% 55% at 92% 48%, rgba(201,162,75,.07), transparent 72%),
      linear-gradient(180deg,#0b0a0e 0%,#111016 50%,#0b0a0e 100%);
    border-top:1px solid rgba(201,162,75,.20);
    border-bottom:1px solid rgba(201,162,75,.14);
    isolation:isolate;
  }
  .novidades-section::before{
    content:"";
    position:absolute; inset:-35% -10%;
    background:
      radial-gradient(circle at 50% 30%, rgba(245,212,124,.08), transparent 18%),
      conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(245,212,124,.045) 18deg, transparent 34deg, transparent 118deg, rgba(245,212,124,.035) 145deg, transparent 165deg, transparent 275deg, rgba(245,212,124,.04) 300deg, transparent 325deg);
    filter:blur(14px);
    animation:novidadeHalo 14s linear infinite;
    pointer-events:none;
    z-index:-2;
  }
  .novidades-section::after{
    content:"";
    position:absolute; inset:0;
    background:
      linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.018) 8.4%, transparent 8.9% 91%, rgba(255,255,255,.014) 91.5%, transparent 92%),
      radial-gradient(circle at 50% 16%, rgba(255,255,255,.04), transparent 26%);
    opacity:.55;
    pointer-events:none;
    z-index:-1;
  }
  @keyframes novidadeHalo{to{transform:rotate(360deg)}}
  .novidades-wrap{position:relative; z-index:2;}
  .novidades-kicker{
    text-align:center;
    color:var(--gold);
    font-size:.7rem;
    letter-spacing:.28em;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:12px;
  }
  .novidades-title{
    margin:0;
    text-align:center;
    color:var(--paper);
    font-family:'Cinzel',serif;
    font-weight:500;
    font-size:clamp(2.2rem,5vw,4.2rem);
    line-height:1.03;
    text-shadow:0 0 26px rgba(232,200,119,.12);
  }
  .novidades-title strong{
    display:block;
    color:var(--gold-bright);
    font-weight:600;
    text-shadow:0 0 22px rgba(232,200,119,.27);
  }
  .novidades-intro{
    max-width:680px;
    margin:17px auto 0;
    text-align:center;
    color:rgba(224,218,208,.64);
    font-size:.98rem;
    line-height:1.72;
  }
  .novidade-feature{
    position:relative;
    width:min(1120px,100%);
    margin:42px auto 0;
    padding:10px;
    border-radius:26px;
    background:linear-gradient(135deg,rgba(232,200,119,.42),rgba(201,162,75,.14) 46%,rgba(245,212,124,.38));
    box-shadow:
      0 0 0 1px rgba(255,255,255,.035) inset,
      0 24px 90px rgba(0,0,0,.46),
      0 0 54px rgba(201,162,75,.12);
  }
  .novidade-feature::before{
    content:"";
    position:absolute; inset:7px;
    border:1px solid rgba(255,230,160,.28);
    border-radius:21px;
    pointer-events:none;
  }
  .novidade-feature::after{
    content:"";
    position:absolute;
    top:-18%; left:-8%;
    width:34%; height:140%;
    transform:rotate(18deg) translateX(-220%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(245,212,124,.16),transparent);
    filter:blur(4px);
    pointer-events:none;
    animation:novidadeSweep 7.8s ease-in-out infinite;
  }
  @keyframes novidadeSweep{
    0%,55%{transform:rotate(18deg) translateX(-220%);opacity:0}
    60%{opacity:1}
    79%{transform:rotate(18deg) translateX(430%);opacity:1}
    80%,100%{transform:rotate(18deg) translateX(430%);opacity:0}
  }
  .novidade-feature-inner{
    position:relative;
    overflow:hidden;
    border-radius:19px;
    background:#09080c;
  }
  .novidade-feature img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center;
    filter:saturate(.98) contrast(1.03);
    transition:transform 1s var(--motion-ease),filter .6s ease;
  }
  .novidade-feature:hover img{
    transform:scale(1.018);
    filter:saturate(1.03) contrast(1.04);
  }
  .novidade-feature-caption{
    position:absolute;
    left:24px; right:24px; bottom:22px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    pointer-events:none;
  }
  .novidade-feature-badge,
  .novidade-date-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:9px 14px;
    border:1px solid rgba(232,200,119,.30);
    border-radius:999px;
    background:rgba(10,9,12,.65);
    backdrop-filter:blur(12px);
    color:var(--paper);
    box-shadow:0 8px 30px rgba(0,0,0,.24);
  }
  .novidade-feature-badge{
    color:var(--gold-bright);
    font-size:.64rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:600;
  }
  .novidade-date-badge{
    position:absolute;
    top:18px;
    right:24px;
    color:#fff6db;
    font-family:'Cinzel',serif;
    letter-spacing:.08em;
    font-size:.74rem;
    white-space:nowrap;
  }
  .novidade-copy{
    max-width:780px;
    margin:23px auto 0;
    text-align:center;
  }
  .novidade-copy h3{
    margin:0;
    color:var(--paper);
    font-family:'Cinzel',serif;
    font-size:clamp(1.28rem,2.4vw,1.8rem);
    font-weight:500;
  }
  .novidade-copy p{
    margin:10px auto 0;
    color:rgba(224,218,208,.58);
    line-height:1.65;
    max-width:62ch;
  }
  .novidade-shine-word{
    display:inline-block;
    margin-top:12px;
    color:#f6d884;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.30em;
    text-transform:uppercase;
    animation:novidadeTextGlow 2.6s ease-in-out infinite;
  }
  @keyframes novidadeTextGlow{
    0%,100%{text-shadow:0 0 8px rgba(245,212,124,.18);opacity:.84}
    50%{text-shadow:0 0 22px rgba(245,212,124,.55),0 0 42px rgba(245,212,124,.22);opacity:1}
  }

  .novidades-divider{
    width:min(860px,92%);
    height:1px;
    margin:64px auto 46px;
    background:linear-gradient(90deg,transparent,rgba(232,200,119,.34) 18%,rgba(232,200,119,.7) 50%,rgba(232,200,119,.34) 82%,transparent);
    position:relative;
  }
  .novidades-divider::after{
    content:"✦";
    position:absolute;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
    padding:0 16px;
    color:#f3cf7c;
    background:#0e0d12;
    font-size:.8rem;
    text-shadow:0 0 14px rgba(245,212,124,.55);
  }

  .lancamentos-head{
    text-align:center;
    max-width:820px;
    margin:0 auto 30px;
  }
  .lancamentos-head .mini-tag{
    color:var(--gold);
    font-size:.66rem;
    letter-spacing:.26em;
    text-transform:uppercase;
    font-weight:600;
  }
  .lancamentos-head h3{
    margin:10px 0 0;
    color:var(--paper);
    font-family:'Cinzel',serif;
    font-size:clamp(1.8rem,3.5vw,2.55rem);
    font-weight:500;
  }
  .lancamentos-head h3 span{
    color:var(--gold-bright);
    text-shadow:0 0 22px rgba(232,200,119,.28);
  }
  .lancamentos-head p{
    margin:11px auto 0;
    color:rgba(224,218,208,.58);
    max-width:56ch;
    line-height:1.6;
  }
  .release-date-banner{
    width:max-content;
    max-width:100%;
    margin:20px auto 0;
    padding:10px 18px 11px;
    border:1px solid rgba(232,200,119,.32);
    border-radius:999px;
    color:#fff4d0;
    background:linear-gradient(135deg,rgba(201,162,75,.10),rgba(255,255,255,.025));
    box-shadow:0 0 28px rgba(201,162,75,.08);
    font-size:.71rem;
    letter-spacing:.21em;
    text-transform:uppercase;
    font-weight:700;
  }
  .novidades-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    max-width:1160px;
    margin:0 auto;
  }
  .novidade-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(201,162,75,.20);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(25,22,29,.93),rgba(10,9,12,.98));
    box-shadow:0 16px 45px rgba(0,0,0,.23);
    transition:transform .5s var(--motion-ease),border-color .4s ease,box-shadow .5s ease;
  }
  .novidade-card::before{
    content:"";
    position:absolute; inset:-1px;
    border-radius:20px;
    background:linear-gradient(145deg,rgba(245,212,124,.13),transparent 30%,transparent 70%,rgba(245,212,124,.08));
    pointer-events:none;
  }
  .novidade-card::after{
    content:"";
    position:absolute;
    left:-20%; top:0; width:50%; height:100%;
    transform:skewX(-18deg) translateX(-240%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
    filter:blur(5px);
    transition:transform .8s var(--motion-ease);
    pointer-events:none;
  }
  .novidade-card:hover{
    transform:translateY(-8px);
    border-color:rgba(232,200,119,.42);
    box-shadow:0 24px 55px rgba(0,0,0,.30),0 0 28px rgba(201,162,75,.08);
  }
  .novidade-card:hover::after{transform:skewX(-18deg) translateX(520%);}
  .novidade-cover{
    position:relative;
    background:#0a090d;
    aspect-ratio:1/1;
    overflow:hidden;
  }
  .novidade-cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s var(--motion-ease),filter .5s ease;
  }
  .novidade-card:hover .novidade-cover img{
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.03);
  }
  .novidade-cover::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg,transparent 46%,rgba(5,4,7,.35) 100%);
    pointer-events:none;
  }
  .novidade-card-body{
    padding:16px 16px 18px;
  }
  .novidade-card-index{
    color:var(--gold);
    font-size:.58rem;
    letter-spacing:.22em;
    text-transform:uppercase;
  }
  .novidade-card-title{
    margin:7px 0 0;
    color:var(--paper);
    font-family:'Cinzel',serif;
    font-size:1.02rem;
    line-height:1.18;
    font-weight:500;
  }
  .novidade-card-meta{
    margin-top:7px;
    color:rgba(224,218,208,.46);
    font-size:.68rem;
    line-height:1.45;
  }

  .novidade-spark{
    position:absolute;
    width:5px; height:5px;
    border-radius:50%;
    background:#f6d884;
    box-shadow:0 0 6px rgba(245,212,124,.9),0 0 18px rgba(245,212,124,.45);
    opacity:.25;
    animation:novidadeFloat 6.8s ease-in-out infinite;
    pointer-events:none;
  }
  .novidade-spark.big{width:7px;height:7px;box-shadow:0 0 9px rgba(245,212,124,1),0 0 28px rgba(245,212,124,.55);}
  @keyframes novidadeFloat{
    0%,100%{transform:translate3d(0,10px,0) scale(.85);opacity:.18}
    50%{transform:translate3d(var(--dx,10px),-24px,0) scale(1.15);opacity:.9}
  }
  .novidade-corner-glow{
    position:absolute;
    width:240px;height:240px;
    border-radius:50%;
    filter:blur(26px);
    background:radial-gradient(circle,rgba(245,212,124,.12),transparent 70%);
    pointer-events:none;
    animation:cornerBreath 5s ease-in-out infinite;
  }
  .novidade-corner-glow.left{left:-120px;top:30%}
  .novidade-corner-glow.right{right:-120px;bottom:14%;animation-delay:-2.2s}
  @keyframes cornerBreath{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}

  @media(max-width:980px){
    .novidades-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media(max-width:680px){
    .novidades-section{padding:82px 0 78px;}
    .novidades-intro{font-size:.9rem;padding:0 8px;}
    .novidade-feature{margin-top:30px;padding:6px;border-radius:20px;}
    .novidade-feature-inner{border-radius:15px;}
    .novidade-feature img{aspect-ratio:4/3;}
    .novidade-feature-caption{left:13px;right:13px;bottom:13px;flex-direction:column;align-items:flex-start;gap:7px;}
    .novidade-feature-badge,.novidade-date-badge{min-height:34px;padding:8px 11px;font-size:.57rem;}
    .novidade-date-badge{top:13px;right:13px;}
    .novidade-copy{padding:0 9px;}
    .novidades-divider{margin:52px auto 38px;}
    .novidades-grid{gap:12px;}
    .novidade-card{border-radius:16px;}
    .novidade-card::before{border-radius:16px;}
    .novidade-card-body{padding:13px 12px 15px;}
    .novidade-card-title{font-size:.9rem;}
    .novidade-card-meta{font-size:.63rem;}
  }
  @media(max-width:430px){
    .novidades-grid{grid-template-columns:1fr;}
    .novidade-cover{aspect-ratio:1.15/1;}
  }
  @media print{
    .novidades-section{display:none !important;}
  }
  /* --- MOBILE-ONLY FIXES REQUESTED --- */
  @media (max-width:680px){
    /* Keep the artwork clean on phones: move the badge boxes out of the image by hiding them. */
    .novidade-feature-caption{display:none !important;}

    /* Show the complete title at the top of the Incondicionalmente cover. */
    .novidades-grid .novidade-card:nth-child(3) .novidade-cover img{
      object-position:center top;
    }
  }


/* --- Extra styles from the final site adjustments --- */

/* ===== AJUSTES 6 — Projetos sociais em carrossel tecnológico ===== */
.social-projects{position:relative;overflow:hidden;}
.social-projects::before{
  content:"";position:absolute;inset:-20% -10%;pointer-events:none;opacity:.8;
  background:
    radial-gradient(circle at 12% 45%, rgba(232,200,119,.10), transparent 23%),
    radial-gradient(circle at 86% 32%, rgba(91,71,178,.10), transparent 25%),
    linear-gradient(115deg,transparent 0 46%,rgba(232,200,119,.035) 50%,transparent 54%);
  animation:ofeBgDrift 18s linear infinite;
}
@keyframes ofeBgDrift{0%{transform:translate3d(-2%,0,0) scale(1.02)}50%{transform:translate3d(2%,-1%,0) scale(1.06)}100%{transform:translate3d(-2%,0,0) scale(1.02)}}
.ofe-carousel{position:relative;z-index:2;margin-top:34px;}
.ofe-carousel-viewport{position:relative;overflow:hidden;padding:14px 0 26px;border-radius:28px;}
.ofe-carousel-track{display:flex;align-items:stretch;gap:24px;will-change:transform;transition:transform .7s cubic-bezier(.22,.75,.18,1);padding:0 max(24px,calc((100% - 760px)/2));}
.ofe-slide{
  flex:0 0 min(760px,78vw);
  position:relative;overflow:hidden;border-radius:24px;
  border:1px solid rgba(232,200,119,.28);
  background:linear-gradient(145deg,rgba(18,17,22,.97),rgba(6,6,9,.98));
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.02);
  transform:scale(.88);opacity:.42;filter:saturate(.82) brightness(.74);
  transition:transform .7s cubic-bezier(.22,.75,.18,1),opacity .7s ease,filter .7s ease,border-color .7s ease,box-shadow .7s ease;
}
.ofe-slide.is-active{
  transform:scale(1);opacity:1;filter:none;
  border-color:rgba(232,200,119,.60);
  box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 44px rgba(201,162,75,.12),inset 0 0 0 1px rgba(232,200,119,.05);
}
.ofe-slide::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.10) 50%,transparent 80%);
  transform:translateX(-130%);animation:ofeSheen 7s ease-in-out infinite;
}
.ofe-slide.is-active::after{
  content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;
  background:radial-gradient(circle,rgba(232,200,119,.10),transparent 58%);
  animation:ofePulse 4.5s ease-in-out infinite;
}
@keyframes ofeSheen{0%,40%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@keyframes ofePulse{0%,100%{transform:scale(.92);opacity:.38}50%{transform:scale(1.06);opacity:.72}}
.ofe-slide-image{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#09090c;}
.ofe-slide-caption{position:relative;z-index:3;padding:18px 20px 20px;background:linear-gradient(180deg,rgba(11,10,14,.72),rgba(7,7,10,.98));}
.ofe-slide-caption h3{font-size:1.04rem;color:var(--paper);margin:0 0 5px;}
.ofe-slide-caption p{margin:0;color:var(--ink-dim);font-size:.84rem;line-height:1.55;}
.ofe-carousel-controls{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:4px;}
.ofe-carousel-btn{
  width:48px;height:48px;border-radius:50%;border:1px solid rgba(232,200,119,.42);
  background:rgba(15,14,19,.9);color:var(--gold-bright);font-size:1.8rem;line-height:1;
  display:grid;place-items:center;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ofe-carousel-btn:hover{transform:translateY(-2px) scale(1.04);background:rgba(201,162,75,.12);border-color:rgba(232,200,119,.75);box-shadow:0 8px 24px rgba(0,0,0,.28);}
.ofe-carousel-dot{width:8px;height:8px;padding:0;border-radius:50%;border:1px solid rgba(232,200,119,.42);background:rgba(232,200,119,.20);cursor:pointer;transition:width .3s ease,background .3s ease,box-shadow .3s ease;}
.ofe-carousel-dot.is-active{width:27px;border-radius:999px;background:var(--gold-bright);box-shadow:0 0 16px rgba(232,200,119,.35);}
.ofe-carousel-progress{height:2px;max-width:390px;margin:16px auto 0;background:rgba(232,200,119,.11);overflow:hidden;border-radius:999px;}
.ofe-carousel-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 12px rgba(232,200,119,.45);}
.ofe-carousel-hint{text-align:center;color:var(--ink-dim);font-size:.72rem;margin:12px 0 0;letter-spacing:.04em;}
@media(max-width:860px){
  .ofe-carousel-track{padding:0 18px;gap:14px;}
  .ofe-slide{flex-basis:86vw;border-radius:20px;}
  .ofe-slide-image{aspect-ratio:4/3;}
  .ofe-slide{transform:scale(.94);opacity:.34;}
  .ofe-slide.is-active{transform:scale(1);opacity:1;}
}
@media(max-width:560px){
  .ofe-carousel{margin-top:22px;}
  .ofe-carousel-viewport{padding-bottom:18px;}
  .ofe-carousel-track{padding:0 12px;}
  .ofe-slide{flex-basis:calc(100vw - 24px);}
  .ofe-slide-caption{padding:14px 15px 16px;}
  .ofe-slide-caption h3{font-size:.96rem;}
  .ofe-slide-caption p{font-size:.78rem;}
  .ofe-carousel-btn{width:44px;height:44px;font-size:1.55rem;}
}


/* --- Extra styles from the final site adjustments --- */
.social-projects .social-project-grid{display:contents!important;}

/* --- Extra styles from the final site adjustments --- */

/* AJUSTE EXCLUSIVO DA GALERIA: imagens maiores e sem corte */
#galeria .project-gallery-card img{
  width:100%;
  height:360px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:var(--bg);
}
@media(max-width:860px){
  #galeria .project-gallery-card img{height:340px;}
}
@media(max-width:560px){
  #galeria .project-gallery-card img{height:300px;}
}



/* ---------- RODRIGO ARTS MUSIC: SCROLL-TRIGGERED BRAND REVEAL ---------- */
.producer-section {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 7vw, 94px) 0;
  border-top: 1px solid rgba(201,162,75,.16);
  border-bottom: 1px solid rgba(201,162,75,.16);
  background: radial-gradient(ellipse at 78% 45%, rgba(201,162,75,.09), transparent 45%), #0b0a0d;
}
.producer-showcase {
  display: grid;
  grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr);
  align-items: center;
  gap: clamp(28px,5vw,68px);
  padding: clamp(24px,4.5vw,58px);
  border: 1px solid rgba(201,162,75,.28);
  border-radius: 18px;
  background: linear-gradient(125deg, rgba(24,21,20,.97), rgba(8,8,11,.98));
  box-shadow: 0 22px 70px rgba(0,0,0,.32), inset 0 0 48px rgba(201,162,75,.035);
  position: relative;
  isolation: isolate;
}
.producer-showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 310px;
  height: 310px;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(232,200,119,.07);
  filter: blur(70px);
  pointer-events: none;
}
.producer-kicker {
  color: var(--gold-bright);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .18em;
  margin-bottom: 14px;
}
.producer-copy h2 {
  color: var(--paper);
  font-size: clamp(2rem,4vw,3.25rem);
  line-height: 1.12;
  margin-bottom: 20px;
}
.producer-copy > p:not(.producer-kicker) {
  max-width: 490px;
  color: var(--ink-dim);
  font-size: 1rem;
  line-height: 1.8;
}
.producer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.producer-actions .btn { padding: 12px 18px; font-size: .82rem; }
.producer-logo-stage {
  position: relative;
  min-width: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(232,200,119,.26);
  background: #050506;
  box-shadow: 0 20px 48px rgba(0,0,0,.35), 0 0 34px rgba(201,162,75,.08);
  transform: translateZ(0);
}
.producer-logo-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 55px rgba(0,0,0,.24);
}
.producer-static-logo, .producer-logo-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.producer-static-logo { z-index: 0; }
.producer-logo-video {
  z-index: 1;
  opacity: 0;
  mix-blend-mode: screen;
  transition: opacity .9s ease;
}
.producer-logo-stage.is-playing .producer-logo-video { opacity: .96; }
.producer-stage-glow {
  position: absolute;
  z-index: 2;
  inset: -35%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(110deg, transparent 38%, rgba(255,225,151,.16) 49%, transparent 60%);
  transform: translateX(-65%) rotate(6deg);
}
.producer-logo-stage.is-playing .producer-stage-glow {
  opacity: 1;
  animation: producerLightSweep 4.6s ease-in-out infinite;
}
@keyframes producerLightSweep {
  0%, 10% { transform: translateX(-65%) rotate(6deg); opacity: 0; }
  28% { opacity: .85; }
  58%, 100% { transform: translateX(65%) rotate(6deg); opacity: 0; }
}
/* The enlarged track grid remains legible on desktop and adapts naturally on mobile. */
@media (min-width: 1080px) {
  .tracks { grid-template-columns: repeat(3, minmax(0,1fr)); max-width: 1280px; gap: 22px; }
}
@media (max-width: 900px) {
  .producer-showcase { grid-template-columns: 1fr; }
  .producer-copy { text-align: center; }
  .producer-copy > p:not(.producer-kicker) { margin-left: auto; margin-right: auto; }
  .producer-actions { justify-content: center; }
  .producer-logo-stage { width: 100%; max-width: 780px; margin: 0 auto; }
}
@media (max-width: 760px) {
  .producer-section { padding: 52px 0; }
  .producer-showcase { padding: 22px; gap: 28px; border-radius: 14px; }
  .producer-actions { flex-direction: column; align-items: stretch; }
  .producer-actions .btn { justify-content: center; }
  .tracks { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .producer-logo-video { display: none; }
  .producer-stage-glow { display: none; }
}


/* Links diretos para os videoclipes na discografia. Mantém bom contraste e alvos de toque em telas pequenas. */
.track .platforms { align-items: center; gap: 10px 12px; }
.track .platforms a.youtube-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(232, 200, 119, .42);
  border-radius: 4px;
  color: var(--gold-bright);
  font-size: .76rem;
  line-height: 1.3;
  white-space: normal;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.track .platforms a.youtube-link:hover,
.track .platforms a.youtube-link:focus-visible {
  background: rgba(201, 162, 75, .12);
  border-color: var(--gold-bright);
  transform: translateY(-1px);
}
@media (max-width: 420px) {
  .tracks { padding-left: 14px; padding-right: 14px; gap: 18px; }
  .track .track-body { padding: 20px 18px 22px; }
  .track .platforms { gap: 9px; }
  .track .platforms a { font-size: .75rem; }
  .track .platforms a.youtube-link { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .track .platforms a.youtube-link { transition: none; }
}


/* FINAL POLISH — producer logo, unified reach/purpose and responsive interactive book */
.producer-logo-stage {
  aspect-ratio: 1745 / 900;
  isolation: isolate;
  background: #030304;
  overflow: hidden;
  border-color: rgba(232,200,119,.24);
  box-shadow: 0 18px 46px rgba(0,0,0,.34), 0 0 22px rgba(201,162,75,.035);
  transition: border-color .45s ease, box-shadow .45s ease;
}
.producer-logo-stage:hover,
.producer-logo-stage.is-visible {
  border-color: rgba(232,200,119,.42);
  box-shadow: 0 20px 52px rgba(0,0,0,.38), 0 0 28px rgba(201,162,75,.075);
}
.producer-static-logo {
  z-index: 1 !important;
  width: 100%; height: 100%;
  object-fit: contain !important;
  object-position: center;
  filter: none !important;
  transform: none !important;
}
.producer-logo-stage::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -4% auto -4% -40%;
  width: 24%;
  pointer-events: none;
  opacity: 0;
  transform: skewX(-17deg) translateX(-160%);
  background: linear-gradient(90deg, transparent, rgba(255,242,199,.04) 20%, rgba(255,235,174,.22) 50%, rgba(255,242,199,.05) 80%, transparent);
  filter: blur(1px);
}
.producer-logo-stage.is-visible::before {
  animation: producerLogoGlint 7.4s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes producerLogoGlint {
  0%, 32% { transform: skewX(-17deg) translateX(-160%); opacity: 0; }
  43% { opacity: .7; }
  58%, 100% { transform: skewX(-17deg) translateX(660%); opacity: 0; }
}
.producer-logo-video, .producer-stage-glow { display: none !important; }

/* Reach + purpose are now a single visual chapter. */
#publico.reach-purpose-unified {
  display: block;
  width: 100%;
  padding: clamp(60px, 7vw, 92px) 0 clamp(64px, 7vw, 96px) !important;
  border-top: 1px solid rgba(201,162,75,.16);
}
#publico.reach-purpose-unified > .wrap { width: 100%; }
#publico.reach-purpose-unified .section-head {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
#publico.reach-purpose-unified .section-head h2 { text-wrap: balance; }
#publico.reach-purpose-unified .reach-stats {
  margin-top: clamp(26px, 3vw, 36px) !important;
}
#publico.reach-purpose-unified .unified-purpose-divider {
  width: min(540px, 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: clamp(25px, 3.5vw, 42px) auto clamp(25px, 3.2vw, 38px);
  color: var(--gold-bright);
  opacity: .78;
}
#publico.reach-purpose-unified .unified-purpose-divider span {
  height: 1px; flex: 1;
  background: linear-gradient(90deg, transparent, rgba(232,200,119,.42));
}
#publico.reach-purpose-unified .unified-purpose-divider span:last-child {
  transform: scaleX(-1);
}
#publico.reach-purpose-unified .purpose-subhead {
  max-width: 820px;
  margin-bottom: 0;
}
#publico.reach-purpose-unified .purpose-subhead .tag { letter-spacing: .16em; }
#publico.reach-purpose-unified .purpose-subhead .desc { max-width: 720px; margin-left: auto; margin-right: auto; }
#publico.reach-purpose-unified .purpose-orbit { inset: auto 0 45px; height: 240px; }
#publico.reach-purpose-unified .audience-grid { margin-top: 26px !important; }
#publico.reach-purpose-unified .audience-card { min-width: 0; }

/* Full-width iframe wrapper and safer fluid reading pages at all zoom levels. */
#sobre.unified-book-section {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible;
}
#sobre .unified-book-shell {
  display: block;
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px;
  min-width: 0;
  margin: 0 auto;
}
#sobre .unified-book-frame {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  height: 900px;
  border-radius: 18px;
  background: #0d0c10;
}
@media (max-width: 760px) {
  #sobre .unified-book-shell { width: calc(100% - 24px) !important; }
  #sobre .unified-book-frame { height: 840px; border-radius: 14px; }
  #publico.reach-purpose-unified { padding: 54px 0 60px !important; }
  #publico.reach-purpose-unified .section-head { padding-left: 20px; padding-right: 20px; }
  #publico.reach-purpose-unified .reach-stats { margin-top: 22px !important; }
  #publico.reach-purpose-unified .unified-purpose-divider { width: 76%; margin: 24px auto; }
  #publico.reach-purpose-unified .audience-grid { margin-top: 16px !important; }
  #publico.reach-purpose-unified .audience-card { padding: 24px 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .producer-logo-stage.is-visible::before { animation: none !important; }
  #publico.reach-purpose-unified::before,
  #publico.reach-purpose-unified::after,
  #publico.reach-purpose-unified .reach-glow,
  #publico.reach-purpose-unified .reach-spark,
  #publico.reach-purpose-unified .purpose-spark,
  #publico.reach-purpose-unified .purpose-card::before,
  #publico.reach-purpose-unified .purpose-card .audience-icon svg,
  #publico.reach-purpose-unified .icon-pulse { animation: none !important; }
}


/* ===== IMPACT CHAPTER — premium 3D reach + purpose redesign ===== */
#publico.reach-purpose-unified{
  --impact-gold: #e8c877;
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(76px,8vw,126px) 0 clamp(82px,8vw,132px)!important;
  background:
    radial-gradient(ellipse at 50% -12%,rgba(232,200,119,.16),transparent 37%),
    radial-gradient(ellipse at 3% 52%,rgba(108,61,28,.20),transparent 34%),
    radial-gradient(ellipse at 97% 68%,rgba(60,38,76,.22),transparent 35%),
    linear-gradient(145deg,#0a090d 0%,#131016 48%,#09090d 100%)!important;
  border-top:1px solid rgba(232,200,119,.25)!important;
  border-bottom:1px solid rgba(232,200,119,.18)!important;
}
#publico.reach-purpose-unified::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.19;
  background-image:radial-gradient(rgba(232,200,119,.7) .7px,transparent .9px);
  background-size:44px 44px;mask-image:linear-gradient(180deg,black,transparent 95%);
}
#publico.reach-purpose-unified::after{
  content:"";position:absolute;z-index:-1;width:min(65vw,850px);aspect-ratio:1;left:50%;top:15%;transform:translateX(-50%);border-radius:50%;
  border:1px solid rgba(232,200,119,.06);box-shadow:0 0 0 42px rgba(232,200,119,.012),0 0 0 90px rgba(232,200,119,.01),inset 0 0 120px rgba(232,200,119,.025);pointer-events:none;
}
#publico.reach-purpose-unified>.wrap.impact-wrap{
  position:relative;z-index:2;width:min(1440px,calc(100% - clamp(32px,8vw,144px)))!important;max-width:1440px!important;margin-inline:auto;padding:0!important;
}
#publico .impact-intro{position:relative;max-width:980px;margin:0 auto clamp(38px,4.8vw,68px);text-align:center;isolation:isolate;}
#publico .impact-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 20px!important;color:var(--gold-bright);font-size:.72rem!important;letter-spacing:.23em;text-transform:uppercase;font-weight:600;}
#publico .eyebrow-line{display:inline-block;width:clamp(25px,4vw,58px);height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright));opacity:.75;}
#publico .eyebrow-line:last-child{transform:scaleX(-1);}
#publico .impact-intro h2{max-width:980px;margin:0 auto;color:#f5eee1;font-size:clamp(2.25rem,5.25vw,5.1rem);line-height:1.06;letter-spacing:-.025em;text-wrap:balance;}
#publico .gold-type{display:inline-block;color:var(--gold-bright);background:linear-gradient(100deg,#fff0bd 0%,#d6ad54 38%,#ffdfa0 60%,#a97926 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(201,162,75,.13));}
#publico .impact-intro>.desc{max-width:690px;margin:24px auto 0;color:#b8b0a3;font-size:clamp(.94rem,1.3vw,1.08rem);line-height:1.85;}
#publico .impact-halo{position:absolute;z-index:-1;width:68%;height:50%;left:16%;top:22%;background:radial-gradient(ellipse,rgba(232,200,119,.13),rgba(201,162,75,.035) 38%,transparent 72%);filter:blur(30px);pointer-events:none;opacity:0;}
#publico .impact-intro.in .impact-halo{animation:impactHaloBreathe 3.8s ease-out both;}
@keyframes impactHaloBreathe{0%{opacity:0;transform:scale(.72);filter:blur(38px)}35%{opacity:.9}100%{opacity:.45;transform:scale(1.15);filter:blur(45px)}}

#publico .reach-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,22px)!important;max-width:none!important;margin:0 auto!important;perspective:1200px;}
#publico .reach-stat{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:clamp(212px,20vw,260px);padding:clamp(22px,2.4vw,34px) 18px 22px!important;
  border:1px solid rgba(232,200,119,.22)!important;border-radius:20px!important;overflow:hidden;isolation:isolate;transform-style:preserve-3d;
  background:linear-gradient(145deg,rgba(38,32,35,.76),rgba(15,14,20,.93) 54%,rgba(25,19,22,.8))!important;
  box-shadow:inset 0 1px 0 rgba(255,245,210,.08),0 20px 50px rgba(0,0,0,.22)!important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s ease,box-shadow .5s ease;
}
#publico .reach-stat::before{content:"";position:absolute;z-index:0;inset:-45%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 68%,rgba(232,200,119,.16) 76%,transparent 84%);opacity:.35;animation:statRimOrbit 18s linear infinite;}
#publico .reach-stat::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -8%,rgba(232,200,119,.12),transparent 55%);}
@keyframes statRimOrbit{to{transform:rotate(360deg)}}
#publico .reach-stat:hover{transform:translateY(-9px) rotateX(2deg);border-color:rgba(255,224,146,.62)!important;box-shadow:inset 0 1px 0 rgba(255,245,210,.15),0 28px 65px rgba(0,0,0,.42),0 0 34px rgba(201,162,75,.09)!important;}
#publico .reach-icon{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px!important;border:1px solid rgba(255,224,146,.5)!important;border-radius:24px!important;color:#ffe4a0!important;background:linear-gradient(145deg,rgba(232,200,119,.18),rgba(11,9,12,.7) 70%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 13px 25px rgba(0,0,0,.28),0 0 35px rgba(201,162,75,.1)!important;transform-style:preserve-3d;perspective:450px;animation:statIcon3DTurn 9s ease-in-out infinite;}
#publico .reach-stat:nth-child(2) .reach-icon{animation-delay:-2.2s}#publico .reach-stat:nth-child(3) .reach-icon{animation-delay:-4.3s}#publico .reach-stat:nth-child(4) .reach-icon{animation-delay:-6.4s}
@keyframes statIcon3DTurn{0%,100%{transform:rotateY(-12deg) rotateX(8deg) translateZ(0)}25%{transform:rotateY(14deg) rotateX(-5deg) translateZ(4px)}50%{transform:rotateY(0deg) rotateX(12deg) translateZ(0)}75%{transform:rotateY(-14deg) rotateX(-4deg) translateZ(4px)}}
#publico .reach-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 7px rgba(232,200,119,.28));transform:translateZ(18px);}
#publico .reach-icon svg .icon-fill{fill:currentColor;stroke:none;}
#publico .reach-icon-pulse{inset:-8px!important;border-color:rgba(232,200,119,.24)!important;animation:iconOrbPulse 4.2s ease-out infinite!important;}
@keyframes iconOrbPulse{0%,24%{transform:scale(.86);opacity:.62}80%,100%{transform:scale(1.35);opacity:0}}
#publico .reach-stat .stat-num{position:relative;z-index:1;font-family:'Cinzel',serif;font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(180deg,#fff3c9,#e5c06b 55%,#a8792c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;}
#publico .reach-stat .stat-label{position:relative;z-index:1;max-width:22ch!important;margin:10px auto 0!important;color:#c0b7a8!important;font-size:.84rem!important;line-height:1.5!important;}
#publico .stat-foot{position:relative;z-index:1;display:block;margin-top:17px;color:rgba(232,200,119,.65);font-size:.57rem;letter-spacing:.16em;text-align:center;line-height:1.3;}
#publico .reach-stats.in .reach-stat{animation:cardFogReveal 1.3s both;}
#publico .reach-stats.in .reach-stat:nth-child(2){animation-delay:.12s}#publico .reach-stats.in .reach-stat:nth-child(3){animation-delay:.24s}#publico .reach-stats.in .reach-stat:nth-child(4){animation-delay:.36s}
@keyframes cardFogReveal{0%{opacity:0;filter:blur(14px) brightness(1.55)}55%{opacity:1;filter:blur(2px) brightness(1.14)}100%{opacity:1;filter:blur(0) brightness(1)}}

#publico .unified-purpose-divider{display:flex;align-items:center;justify-content:center;gap:18px;width:min(650px,78%);margin:clamp(40px,5vw,70px) auto clamp(34px,4.2vw,58px)!important;color:var(--gold-bright);opacity:.82;}
#publico .unified-purpose-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(232,200,119,.48));}
#publico .unified-purpose-divider span:last-child{transform:scaleX(-1)}
#publico .unified-purpose-divider i{font-size:1rem;font-style:normal;text-shadow:0 0 16px rgba(232,200,119,.6);animation:dividerStarTurn 12s linear infinite;}
@keyframes dividerStarTurn{to{transform:rotate(360deg)}}
#publico .purpose-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.7fr);align-items:center;gap:clamp(28px,4.2vw,66px);}
#publico .purpose-subhead{max-width:none!important;margin:0!important;text-align:left!important;padding:0!important;}
#publico .purpose-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px!important;letter-spacing:.2em!important;font-size:.7rem!important;}
#publico .purpose-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 13px rgba(232,200,119,.85);}
#publico .purpose-subhead h2{font-size:clamp(2rem,3.1vw,3.35rem)!important;line-height:1.12!important;letter-spacing:-.02em;text-wrap:balance;}
#publico .purpose-subhead .desc{max-width:620px!important;margin:21px 0 0!important;color:#b8b0a3!important;font-size:.98rem!important;line-height:1.85!important;}
#publico .purpose-quote{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding-top:18px;border-top:1px solid rgba(232,200,119,.2);}
#publico .purpose-quote>span{color:var(--gold-bright);font-family:'Cinzel',serif;font-size:2.8rem;line-height:.9;opacity:.75;}
#publico .purpose-quote p{color:#ded4c1;font-family:'Cinzel',serif;font-size:.94rem;line-height:1.6;}
#publico .audience-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1.3vw,18px)!important;margin:0!important;border:0!important;}
#publico .audience-card{position:relative;min-width:0;min-height:274px;padding:25px 22px 23px!important;border:1px solid rgba(232,200,119,.2)!important;border-radius:18px!important;border-right:1px solid rgba(232,200,119,.2)!important;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,rgba(33,29,35,.88),rgba(14,13,18,.97))!important;box-shadow:inset 0 1px 0 rgba(255,245,210,.06),0 18px 40px rgba(0,0,0,.22)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s ease,box-shadow .4s ease;}
#publico .audience-card::before{content:"";position:absolute;z-index:-1;inset:-50%;border-radius:50%;background:radial-gradient(circle,rgba(232,200,119,.11),transparent 63%);filter:blur(16px);opacity:.55;animation:purposeMistDrift 10s ease-in-out infinite;pointer-events:none;}
#publico .audience-card:nth-child(2)::before{animation-delay:-3s}#publico .audience-card:nth-child(3)::before{animation-delay:-6s}
@keyframes purposeMistDrift{0%,100%{transform:translate3d(-8%,5%,0) scale(.88);opacity:.24}50%{transform:translate3d(12%,-8%,0) scale(1.15);opacity:.72}}
#publico .audience-card::after{content:"";position:absolute;left:22px;right:22px;top:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,224,146,.72),transparent);transform:scaleX(.3);transform-origin:center;transition:transform .5s ease;}
#publico .audience-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(255,224,146,.55)!important;box-shadow:inset 0 1px 0 rgba(255,245,210,.1),0 28px 54px rgba(0,0,0,.34),0 0 27px rgba(201,162,75,.08)!important;}
#publico .audience-card:hover::after{transform:scaleX(1)}
#publico .audience-index{position:relative;z-index:1;display:block;color:rgba(232,200,119,.64);font-size:.58rem;letter-spacing:.16em;margin-bottom:20px;}
#publico .audience-icon{position:relative;z-index:1;display:grid;place-items:center;width:72px!important;height:72px!important;margin:0 0 22px!important;border:1px solid rgba(255,224,146,.42)!important;border-radius:22px!important;color:#ffe3a0!important;background:linear-gradient(145deg,rgba(232,200,119,.16),rgba(16,13,18,.76))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 12px 24px rgba(0,0,0,.24),0 0 24px rgba(201,162,75,.07)!important;perspective:500px;transform-style:preserve-3d;}
#publico .audience-icon svg{width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.55!important;stroke-linecap:round;stroke-linejoin:round;transform-style:preserve-3d;animation:purposeIcon3DTurn 8s ease-in-out infinite!important;}
#publico .audience-card:nth-child(2) .audience-icon svg{animation-delay:-2.6s!important}#publico .audience-card:nth-child(3) .audience-icon svg{animation-delay:-5.1s!important}
@keyframes purposeIcon3DTurn{0%,100%{transform:rotateX(-8deg) rotateY(-16deg) translateZ(0)}35%{transform:rotateX(12deg) rotateY(10deg) translateZ(7px)}68%{transform:rotateX(-4deg) rotateY(22deg) translateZ(2px)}}
#publico .audience-icon .icon-pulse{inset:-7px!important;border-radius:27px!important;border-color:rgba(232,200,119,.22)!important;animation:iconOrbPulse 4s ease-out infinite!important;}
#publico .audience-card h3{position:relative;z-index:1;color:#f2e6d0!important;font-size:clamp(1.02rem,1.35vw,1.24rem)!important;line-height:1.25;margin:0 0 10px!important;}
#publico .audience-card p{position:relative;z-index:1;max-width:none!important;color:#aaa294!important;font-size:.83rem!important;line-height:1.7!important;}
#publico .audience-card-glint{position:absolute;z-index:0;inset:-35% auto -35% -65%;width:35%;transform:skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(255,239,194,.1),transparent);opacity:0;pointer-events:none;}
#publico .audience-card.in .audience-card-glint{animation:purposeCardGlint 1.8s ease-out .4s both;}
@keyframes purposeCardGlint{0%{left:-65%;opacity:0}30%{opacity:.8}100%{left:140%;opacity:0}}

/* Scroll-timed mist reveal: text starts soft and emerges cleanly when IntersectionObserver adds .in. */
#publico .impact-intro.in h2,#publico .purpose-subhead.in h2{animation:smokeTextReveal 1.55s cubic-bezier(.18,.7,.2,1) both;}
#publico .impact-intro.in>.desc{animation:smokeTextReveal 1.3s cubic-bezier(.18,.7,.2,1) .16s both;}
#publico .purpose-subhead.in .desc{animation:smokeTextReveal 1.35s cubic-bezier(.18,.7,.2,1) .18s both;}
#publico .purpose-subhead.in .purpose-quote{animation:smokeTextReveal 1.3s cubic-bezier(.18,.7,.2,1) .31s both;}
#publico .audience-card.in h3{animation:smokeTextReveal 1.15s ease .12s both;}
#publico .audience-card.in p{animation:smokeTextReveal 1.25s ease .22s both;}
@keyframes smokeTextReveal{0%{opacity:0;filter:blur(12px);transform:translate3d(0,15px,0);text-shadow:0 0 24px rgba(232,200,119,.34)}38%{opacity:.82;filter:blur(4px);text-shadow:0 0 16px rgba(232,200,119,.18)}72%{opacity:1;filter:blur(1px);transform:translate3d(0,-1px,0)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0);text-shadow:none}}
#publico .impact-intro.in .impact-eyebrow{animation:smokeTextReveal 1.2s ease both;}
#publico .purpose-subhead.in .purpose-kicker{animation:smokeTextReveal 1.1s ease both;}
#publico .reach-stats.in .reach-icon{animation:statIcon3DTurn 9s ease-in-out infinite, fogIconIn 1s ease-out both;}
@keyframes fogIconIn{0%{opacity:0;filter:blur(10px)}65%{opacity:1;filter:blur(2px)}100%{opacity:1;filter:blur(0)}}

@media(max-width:1120px){
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:min(calc(100% - 56px),1040px)!important;}
  #publico .purpose-layout{grid-template-columns:1fr;gap:30px;}
  #publico .purpose-subhead{max-width:800px!important;text-align:center!important;margin:0 auto!important;}
  #publico .purpose-kicker{justify-content:center;}
  #publico .purpose-subhead .desc{margin:18px auto 0!important;}
  #publico .purpose-quote{max-width:650px;margin:24px auto 0;text-align:left;}
  #publico .audience-card{min-height:250px;}
}
@media(max-width:760px){
  #publico.reach-purpose-unified{padding:68px 0 74px!important;}
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:calc(100% - 32px)!important;}
  #publico .impact-intro{margin-bottom:34px;}
  #publico .impact-eyebrow{font-size:.64rem!important;letter-spacing:.16em;gap:9px;}
  #publico .impact-intro h2{font-size:clamp(2rem,8vw,3.3rem);}
  #publico .impact-intro>.desc{margin-top:17px;font-size:.92rem;line-height:1.75;}
  #publico .reach-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  #publico .reach-stat{min-height:204px;padding:21px 12px 18px!important;border-radius:16px!important;}
  #publico .reach-icon{width:61px;height:61px;margin-bottom:17px!important;border-radius:19px!important;}
  #publico .reach-icon svg{width:25px;height:25px;}
  #publico .reach-stat .stat-num{font-size:clamp(1.8rem,6.5vw,2.45rem)!important;}
  #publico .reach-stat .stat-label{font-size:.77rem!important;}
  #publico .stat-foot{font-size:.5rem;letter-spacing:.1em;margin-top:12px;}
  #publico .unified-purpose-divider{margin:35px auto 32px!important;width:85%;}
  #publico .purpose-layout{gap:24px;}
  #publico .purpose-subhead h2{font-size:clamp(1.9rem,7vw,2.7rem)!important;}
  #publico .purpose-subhead .desc{font-size:.92rem!important;}
  #publico .purpose-quote p{font-size:.87rem;}
  #publico .audience-grid{grid-template-columns:1fr!important;gap:12px!important;}
  #publico .audience-card{min-height:0;padding:23px!important;border-radius:15px!important;display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:17px;align-items:center;}
  #publico .audience-index{grid-column:1/-1;margin-bottom:14px;}
  #publico .audience-icon{grid-row:2/span 2;width:64px!important;height:64px!important;margin:0!important;border-radius:19px!important;}
  #publico .audience-card h3{grid-column:2;align-self:end;margin-bottom:6px!important;}
  #publico .audience-card p{grid-column:2;align-self:start;font-size:.81rem!important;}
}
@media(max-width:380px){
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:calc(100% - 24px)!important;}
  #publico .reach-stats{gap:9px!important;}
  #publico .reach-stat{padding:18px 8px 16px!important;min-height:192px;}
  #publico .stat-label{font-size:.72rem!important;}
  #publico .audience-card{grid-template-columns:58px minmax(0,1fr);padding:18px!important;column-gap:14px;}
  #publico .audience-icon{width:56px!important;height:56px!important;border-radius:16px!important;}
}
@media(prefers-reduced-motion:reduce){
  #publico.reach-purpose-unified::after,#publico .reach-stat::before,#publico .reach-icon,#publico .reach-icon-pulse,#publico .unified-purpose-divider i,#publico .audience-card::before,#publico .audience-icon svg,#publico .audience-icon .icon-pulse,#publico .audience-card.in .audience-card-glint,#publico .impact-intro.in h2,#publico .purpose-subhead.in h2,#publico .impact-intro.in>.desc,#publico .purpose-subhead.in .desc,#publico .purpose-subhead.in .purpose-quote,#publico .audience-card.in h3,#publico .audience-card.in p,#publico .impact-intro.in .impact-eyebrow,#publico .purpose-subhead.in .purpose-kicker,#publico .reach-stats.in .reach-icon{animation:none!important;transition:none!important;filter:none!important;}
  #publico .reach-stat,#publico .audience-card{transform:none!important;}
}


/* ===== HOTFIX VISUAL V4 — ícones 3D luminosos + reveal com névoa real ===== */
#publico.reach-purpose-unified { overflow:hidden!important; }
#publico.reach-purpose-unified > .wrap.impact-wrap {
  width:min(1440px,calc(100% - clamp(28px,7vw,136px)))!important;
  max-width:1440px!important;
}
#publico .reach-stats {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.35vw,22px)!important;
  perspective:1200px!important;
}
#publico .reach-stat {
  min-width:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(255,224,146,.30)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(43,34,37,.94),rgba(14,13,19,.98) 70%)!important;
  box-shadow:inset 0 1px 0 rgba(255,245,215,.12),0 18px 48px rgba(0,0,0,.3)!important;
}
#publico .reach-stat::before {
  display:block!important;inset:-55%!important;opacity:.55!important;
  background:conic-gradient(from 0deg,transparent 0 66%,rgba(255,225,147,.34) 72%,rgba(201,162,75,.04) 78%,transparent 86%)!important;
  animation:impactRimOrbitV4 10s linear infinite!important;
}
@keyframes impactRimOrbitV4 { to { transform:rotate(360deg); } }
#publico .reach-icon {
  position:relative!important;isolation:isolate!important;
  display:grid!important;place-items:center!important;
  width:78px!important;height:78px!important;flex:0 0 78px!important;
  margin:0 auto 20px!important;padding:0!important;
  color:#fff0b7!important;border:1px solid rgba(255,231,167,.8)!important;
  border-radius:23px!important;
  background:radial-gradient(circle at 28% 18%,rgba(255,246,202,.34),transparent 35%),linear-gradient(145deg,#4a351b 0%,#1b1511 48%,#100e12 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -9px 16px rgba(0,0,0,.42),0 9px 0 rgba(79,54,23,.65),0 16px 28px rgba(0,0,0,.48),0 0 28px rgba(232,200,119,.24)!important;
  transform-style:preserve-3d!important;perspective:600px!important;
  animation:impactBadgeTiltV4 5.8s ease-in-out infinite!important;
}
#publico .reach-stat:nth-child(2) .reach-icon{animation-delay:-1.4s!important}
#publico .reach-stat:nth-child(3) .reach-icon{animation-delay:-2.8s!important}
#publico .reach-stat:nth-child(4) .reach-icon{animation-delay:-4.2s!important}
@keyframes impactBadgeTiltV4 {
  0%,100%{transform:perspective(600px) rotateX(-9deg) rotateY(-17deg) translateY(0)}
  32%{transform:perspective(600px) rotateX(10deg) rotateY(17deg) translateY(-4px)}
  66%{transform:perspective(600px) rotateX(-5deg) rotateY(-7deg) translateY(1px)}
}
#publico .reach-icon::before {
  content:"";position:absolute;inset:-8px;border-radius:27px;
  border:1px solid rgba(255,222,137,.65);
  box-shadow:0 0 14px rgba(232,200,119,.13),inset 0 0 12px rgba(232,200,119,.08);
  pointer-events:none;transform:translateZ(-2px);
  animation:impactOrbitRingV4 7s linear infinite;
}
#publico .reach-stat:nth-child(2) .reach-icon::before{animation-duration:8s;animation-direction:reverse}
#publico .reach-stat:nth-child(3) .reach-icon::before{animation-duration:9s}
#publico .reach-stat:nth-child(4) .reach-icon::before{animation-duration:10s;animation-direction:reverse}
@keyframes impactOrbitRingV4{to{transform:rotate(360deg) translateZ(-2px)}}
#publico .reach-icon > svg {
  position:relative!important;z-index:3!important;display:block!important;
  width:35px!important;height:35px!important;max-width:none!important;
  opacity:1!important;visibility:visible!important;
  color:#fff0b7!important;stroke:#fff0b7!important;fill:none!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  filter:drop-shadow(0 0 4px rgba(255,220,128,.8)) drop-shadow(0 2px 5px rgba(0,0,0,.8))!important;
  transform-style:preserve-3d!important;transform-origin:center!important;backface-visibility:visible!important;
  animation:impactGlyph3DV4 7.5s ease-in-out infinite!important;
}
#publico .reach-icon > svg .icon-fill{fill:#fff0b7!important;stroke:none!important}
#publico .reach-stat:nth-child(2) .reach-icon > svg{animation-delay:-1.8s!important}
#publico .reach-stat:nth-child(3) .reach-icon > svg{animation-delay:-3.6s!important}
#publico .reach-stat:nth-child(4) .reach-icon > svg{animation-delay:-5.4s!important}
@keyframes impactGlyph3DV4 {
  0%,100%{transform:perspective(420px) rotateX(-7deg) rotateY(-20deg) translateZ(10px) scale(1)}
  28%{transform:perspective(420px) rotateX(10deg) rotateY(18deg) translateZ(16px) scale(1.08)}
  54%{transform:perspective(420px) rotateX(-5deg) rotateY(180deg) translateZ(9px) scale(.96)}
  78%{transform:perspective(420px) rotateX(7deg) rotateY(340deg) translateZ(14px) scale(1.04)}
}
#publico .reach-icon-pulse{z-index:2!important;border:1px solid rgba(255,229,155,.44)!important;box-shadow:0 0 20px rgba(232,200,119,.1)!important;animation:impactHaloPulseV4 3.5s ease-out infinite!important}
@keyframes impactHaloPulseV4{0%{transform:scale(.82);opacity:.68}78%,100%{transform:scale(1.52);opacity:0}}
#publico .reach-stat .stat-num{color:#f5d47e!important;background:linear-gradient(180deg,#fff7d1 0%,#f1cd70 45%,#b17b2a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:clamp(2rem,3.1vw,3.05rem)!important;}
#publico .stat-foot{font-size:.61rem!important;letter-spacing:.13em!important;color:rgba(255,221,143,.78)!important}
#publico .audience-card {
  border:1px solid rgba(232,200,119,.24)!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(35,29,35,.94),rgba(12,11,16,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,245,215,.08),0 18px 38px rgba(0,0,0,.26)!important;
}
#publico .audience-icon {
  width:74px!important;height:74px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,231,167,.72)!important;border-radius:22px!important;
  color:#fff0b7!important;background:radial-gradient(circle at 28% 18%,rgba(255,246,202,.3),transparent 35%),linear-gradient(145deg,#4a351b,#171218 68%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -8px 15px rgba(0,0,0,.42),0 9px 0 rgba(66,45,22,.6),0 16px 24px rgba(0,0,0,.38),0 0 25px rgba(232,200,119,.15)!important;
  perspective:600px!important;transform-style:preserve-3d!important;
  animation:impactBadgeTiltV4 6.5s ease-in-out infinite!important;
}
#publico .audience-icon svg {
  display:block!important;width:34px!important;height:34px!important;max-width:none!important;
  color:#fff0b7!important;stroke:#fff0b7!important;fill:none!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  opacity:1!important;visibility:visible!important;
  filter:drop-shadow(0 0 5px rgba(255,220,128,.7))!important;
  transform-style:preserve-3d!important;animation:impactGlyph3DV4 8s ease-in-out infinite!important;
}
#publico .audience-card:nth-child(2) .audience-icon{animation-delay:-2.1s!important}
#publico .audience-card:nth-child(3) .audience-icon{animation-delay:-4.2s!important}
#publico .audience-icon .icon-pulse{z-index:0!important;border-color:rgba(255,229,155,.4)!important;animation:impactHaloPulseV4 3.7s ease-out infinite!important}
/* Visible warm mist passing behind text when the section enters the viewport. */
#publico .impact-intro,#publico .purpose-subhead{position:relative;isolation:isolate}
#publico .impact-intro::after,#publico .purpose-subhead::after{
  content:"";position:absolute;z-index:-1;left:8%;right:8%;top:12%;height:68%;pointer-events:none;
  opacity:0;filter:blur(22px);
  background:radial-gradient(ellipse at 22% 55%,rgba(255,231,167,.23),transparent 45%),radial-gradient(ellipse at 68% 45%,rgba(170,139,195,.13),transparent 48%);
}
#publico .impact-intro.in::after,#publico .purpose-subhead.in::after{animation:impactMistSweepV4 2.15s ease-out both}
@keyframes impactMistSweepV4{
  0%{opacity:0;transform:translate3d(-12%,10px,0) scale(.8);filter:blur(28px)}
  35%{opacity:.95}
  70%{opacity:.62;transform:translate3d(5%,-3px,0) scale(1.08);filter:blur(22px)}
  100%{opacity:.15;transform:translate3d(12%,-7px,0) scale(1.15);filter:blur(26px)}
}
#publico .impact-intro.in h2,#publico .purpose-subhead.in h2{animation:smokeTextRevealV4 1.65s cubic-bezier(.18,.7,.2,1) both!important}
#publico .impact-intro.in>.desc,#publico .purpose-subhead.in .desc{animation:smokeTextRevealV4 1.45s ease .18s both!important}
#publico .purpose-subhead.in .purpose-quote{animation:smokeTextRevealV4 1.3s ease .35s both!important}
#publico .audience-card.in h3{animation:smokeTextRevealV4 1.2s ease .13s both!important}
#publico .audience-card.in p{animation:smokeTextRevealV4 1.35s ease .25s both!important}
@keyframes smokeTextRevealV4{
  0%{opacity:0;filter:blur(14px);transform:translate3d(0,20px,0);text-shadow:0 0 28px rgba(255,224,146,.5)}
  34%{opacity:.88;filter:blur(5px);text-shadow:0 0 20px rgba(255,224,146,.3)}
  72%{opacity:1;filter:blur(1px);transform:translate3d(0,-2px,0)}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0);text-shadow:none}
}
@media(max-width:1120px){
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:min(calc(100% - 48px),1000px)!important}
  #publico .reach-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  #publico .purpose-layout{grid-template-columns:1fr!important;gap:34px!important}
  #publico .purpose-subhead{text-align:center!important;max-width:820px!important;margin:0 auto!important}
  #publico .purpose-kicker{justify-content:center!important}
  #publico .purpose-subhead .desc{margin-left:auto!important;margin-right:auto!important}
  #publico .purpose-quote{max-width:700px;margin:24px auto 0!important;text-align:left}
  #publico .audience-card{min-height:245px!important}
}
@media(max-width:760px){
  #publico.reach-purpose-unified{padding:64px 0 72px!important}
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:calc(100% - 32px)!important}
  #publico .impact-intro{margin-bottom:32px!important}
  #publico .impact-intro h2{font-size:clamp(2rem,8vw,3.2rem)!important}
  #publico .reach-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  #publico .reach-stat{min-height:205px!important;padding:22px 10px 18px!important;border-radius:17px!important}
  #publico .reach-icon{width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:19px!important;margin-bottom:17px!important}
  #publico .reach-icon > svg{width:29px!important;height:29px!important}
  #publico .reach-stat .stat-label{font-size:.76rem!important;line-height:1.45!important}
  #publico .purpose-subhead h2{font-size:clamp(1.8rem,7vw,2.65rem)!important}
  #publico .audience-grid{grid-template-columns:1fr!important;gap:12px!important}
  #publico .audience-card{min-height:0!important;padding:23px 20px!important;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;column-gap:16px!important;align-items:center!important}
  #publico .audience-index{grid-column:1/-1!important;margin-bottom:13px!important}
  #publico .audience-icon{grid-row:2/span 2!important;width:62px!important;height:62px!important;margin:0!important;border-radius:18px!important}
  #publico .audience-icon svg{width:29px!important;height:29px!important}
  #publico .audience-card h3{grid-column:2!important;align-self:end!important}
  #publico .audience-card p{grid-column:2!important;align-self:start!important}
}
@media(max-width:380px){
  #publico.reach-purpose-unified>.wrap.impact-wrap{width:calc(100% - 24px)!important}
  #publico .reach-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #publico .reach-stat{padding:17px 7px 15px!important;min-height:185px!important}
  #publico .reach-stat .stat-num{font-size:1.7rem!important}
  #publico .reach-stat .stat-label{font-size:.7rem!important}
  #publico .stat-foot{font-size:.47rem!important;letter-spacing:.06em!important}
  #publico .audience-card{grid-template-columns:54px minmax(0,1fr)!important;padding:17px 13px!important;column-gap:12px!important}
  #publico .audience-icon{width:52px!important;height:52px!important;border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){
  #publico .reach-stat::before,#publico .reach-icon,#publico .reach-icon::before,#publico .reach-icon > svg,
  #publico .reach-icon-pulse,#publico .audience-icon,#publico .audience-icon svg,#publico .audience-icon .icon-pulse,
  #publico .impact-intro::after,#publico .purpose-subhead::after,#publico .impact-intro.in h2,
  #publico .purpose-subhead.in h2,#publico .impact-intro.in>.desc,#publico .purpose-subhead.in .desc,
  #publico .purpose-subhead.in .purpose-quote,#publico .audience-card.in h3,#publico .audience-card.in p{animation:none!important;transition:none!important;filter:none!important;}
  #publico .reach-icon svg,#publico .audience-icon svg{transform:none!important;}
}