:root{
  --ink:#07090c;
  --ink-2:#10141a;
  --line:#232a33;
  --paper:#f1ece2;
  --fire:#ff4d12;
  --fire-2:#eb6714;
  --mute:#8b93a0;
  --display:"Anton",Impact,sans-serif;
  --body:"Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --wrap:1180px;
  --vw:min(1vw, calc((var(--wrap) + 120px) / 100));
  --pad:max(clamp(20px,4.5vw,72px), calc((100vw - var(--wrap)) / 2));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:#fff;font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.96;letter-spacing:-.01em}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.outline{color:transparent;-webkit-text-stroke:2px #fff}
.fire{color:var(--fire)}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:18px 26px;border-radius:999px;border:1.5px solid #fff;transition:.2s}
.btn.solid{background:var(--fire);border-color:var(--fire);color:#0a0a0a;font-weight:500}
.btn.solid:hover{background:#fff;border-color:#fff}
.btn:hover{background:#fff;color:#0a0a0a}
.btn.dark{border-color:#0a0a0a;color:#0a0a0a}
.btn.dark:hover{background:#0a0a0a;color:#fff}
.duo{position:relative;overflow:hidden;background:#000}
.duo img{filter:grayscale(1) contrast(1.15) brightness(.9);transition:filter .4s, transform .6s}
.duo::after{content:"";position:absolute;inset:0;background:var(--fire);mix-blend-mode:multiply;opacity:.0;transition:opacity .4s}
.duo:hover img{filter:none;transform:scale(1.04)}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);background:#07090ce6;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff14}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:.02em}
.disc{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff 0 14%,#0a0a0a 15% 34%,#fff 35% 46%,#0a0a0a 47% 100%);border:2px solid var(--fire);animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.nav ul{display:flex;gap:34px;list-style:none}
.nav ul a{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.nav ul a:hover{color:var(--fire);opacity:1}
.nav .btn{padding:12px 20px;font-size:12px}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 0}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg img{filter:grayscale(1) contrast(1.25) brightness(.55)}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07090c66 0%,#07090c00 35%,#07090cee 88%,#07090c 100%),linear-gradient(90deg,#ff4d1255,#ff4d1200 60%);mix-blend-mode:normal}
.hero > *{position:relative;z-index:1}
.kicker{display:flex;gap:14px;align-items:center;margin-bottom:34px}
.kicker i{width:10px;height:10px;border-radius:50%;background:var(--fire);box-shadow:0 0 0 6px #ff4d1233;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 12px #ff4d1200}}
.hero h1{font-size:clamp(64px,min(calc(13.2 * var(--vw)),17vh),236px)}
.hero h1 span{display:block}
.hero h1 .shift{padding-left:clamp(0px,calc(9 * var(--vw)),170px)}
.hero-foot{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-top:44px;padding-bottom:44px}
.hero-foot p{max-width:440px;color:#d7dbe0;font-size:19px}
.cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.stamp{position:absolute;right:var(--pad);top:132px;width:clamp(120px,calc(13 * var(--vw)),190px);aspect-ratio:1;z-index:2;animation:spin 18s linear infinite}
.stamp text{font-family:var(--mono);font-size:10.5px;letter-spacing:.32em;fill:#fff;text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2e}
.stats div{padding:22px 0 26px;border-right:1px solid #ffffff2e;padding-left:22px}
.stats div:first-child{padding-left:0}
.stats div:last-child{border-right:0}
.stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(34px,calc(4.4 * var(--vw)),68px);line-height:1}
.stats span{color:var(--mute)}

/* SECTION BASE */
section{padding:clamp(64px,calc(8 * var(--vw)),120px) var(--pad)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(36px,calc(5 * var(--vw)),70px)}
.sec-head h2{font-size:clamp(56px,calc(10 * var(--vw)),176px)}
.sec-head .mono{color:var(--mute);text-align:right;max-width:260px}
.num{color:var(--fire);margin-bottom:14px;display:block}

/* QUEM SOMOS */
.about{background:var(--paper);color:#0a0a0a}
.about .sec-head .mono{color:#5b5548}
.about-grid > *{min-width:0}
.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,calc(6 * var(--vw)),100px);align-items:start}
.about-photo{position:relative}
.about-photo .frame{aspect-ratio:16/10;position:relative;z-index:1}
.about-photo .frame img{filter:contrast(1.05) saturate(1.1)}
.about-photo::before{content:"";position:absolute;inset:22px -22px -22px 22px;background:var(--fire)}
.about-photo .tag{position:absolute;z-index:2;left:-14px;bottom:26px;background:#0a0a0a;color:#fff;padding:12px 18px;transform:rotate(-3deg)}
.about p.lead{font-size:clamp(22px,calc(2.2 * var(--vw)),32px);line-height:1.3;font-weight:500;letter-spacing:-.01em;margin-bottom:22px}
.about p{color:#2b2a26;max-width:520px}
.lineup{margin:36px 0 34px;border-top:2px solid #0a0a0a}
.lineup li{list-style:none;display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid #0a0a0a33;font-family:var(--display);font-size:clamp(24px,calc(2.6 * var(--vw)),38px);text-transform:uppercase}
.lineup li span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#5b5548}

/* FORMATOS */
.formats{padding-bottom:clamp(60px,calc(7 * var(--vw)),110px)}
.row{position:relative;display:grid;grid-template-columns:70px 1fr auto 60px;gap:24px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:padding .3s, color .3s}
.row:last-child{border-bottom:1px solid var(--line)}
.row .mono{color:var(--mute)}
.row h3{font-size:clamp(40px,calc(7 * var(--vw)),124px);transition:transform .3s}
.row p{max-width:300px;color:var(--mute);font-size:15px;transition:opacity .2s}
.row:hover p,.row.on p{opacity:0}
.row .arr{font-size:34px;text-align:right;transition:transform .3s}
.row .peek{position:absolute;right:110px;top:50%;width:clamp(180px,calc(22 * var(--vw)),340px);aspect-ratio:4/3;transform:translateY(-50%) rotate(4deg) scale(.6);opacity:0;pointer-events:none;transition:.35s;z-index:3;border:3px solid var(--fire)}
.row:hover{color:var(--fire)}
.row:hover h3{transform:translateX(18px)}
.row:hover .arr{transform:translateX(8px) rotate(-45deg)}
.row:hover .peek{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
.row.on{color:var(--fire)}
.row.on .peek{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
.formats:has(.row:hover) .row.on:not(:hover){color:inherit}
.formats:has(.row:hover) .row.on:not(:hover) p{opacity:1}
.formats:has(.row:hover) .row.on:not(:hover) .peek{opacity:0;transform:translateY(-50%) rotate(4deg) scale(.6)}

/* VÍDEOS */
.videos{background:var(--fire);color:#0a0a0a}
.videos .num{color:#0a0a0a}
.videos .sec-head .mono{color:#0a0a0a}
.video-grid > *{min-width:0}
.video-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,calc(4 * var(--vw)),64px);align-items:stretch}
.player{position:relative;aspect-ratio:16/10;background:#000;border:3px solid #0a0a0a;box-shadow:14px 14px 0 #0a0a0a}
.player img{position:absolute;inset:0;filter:grayscale(1) contrast(1.2) brightness(.8)}
.play{position:absolute;inset:0;margin:auto;width:clamp(84px,calc(9 * var(--vw)),132px);height:clamp(84px,calc(9 * var(--vw)),132px);border-radius:50%;background:var(--fire);display:grid;place-items:center;border:3px solid #0a0a0a;transition:transform .2s}
.play::after{content:"";border-left:28px solid #0a0a0a;border-block:18px solid transparent;margin-left:8px}
.player:hover .play{transform:scale(1.1)}
.now{position:absolute;left:16px;bottom:14px;color:#fff;display:flex;gap:10px;align-items:center}
.now i{width:8px;height:8px;border-radius:50%;background:var(--fire)}
.setlist{display:flex;flex-direction:column;border-top:3px solid #0a0a0a}
.setlist .all{margin-top:auto;padding-top:26px}

/* FOTOS */
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chips span{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--mute)}
.chips span.on{background:#fff;color:#0a0a0a;border-color:#fff}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(90px,calc(9.5 * var(--vw)),170px);gap:10px}
.mosaic .duo:nth-child(1){grid-column:span 6;grid-row:span 3}
.mosaic .duo:nth-child(2){grid-column:span 3;grid-row:span 2}
.mosaic .duo:nth-child(3){grid-column:span 3;grid-row:span 2}
.mosaic .duo:nth-child(4){grid-column:span 3;grid-row:span 3}
.mosaic .duo:nth-child(5){grid-column:span 3;grid-row:span 1}
.mosaic .duo:nth-child(6){grid-column:span 4;grid-row:span 2}
.mosaic .duo:nth-child(7){grid-column:span 2;grid-row:span 2}
.mosaic .duo:nth-child(8){grid-column:span 3;grid-row:span 2}
.mosaic .cap{position:absolute;left:12px;bottom:10px;z-index:2;opacity:0;transition:.3s}
.mosaic .duo:hover .cap{opacity:1}
.mosaic .duo.active img{filter:none;transform:scale(1.04)}
.mosaic .duo.active .cap{opacity:1}
.mosaic:hover .duo.active:not(:hover) img{filter:grayscale(1) contrast(1.15) brightness(.9);transform:none}
.mosaic:hover .duo.active:not(:hover) .cap{opacity:0}

/* DEPOIMENTOS */
.reviews{background:var(--paper);color:#0a0a0a}
.reviews .sec-head .mono{color:#5b5548}
.big-quote{font-size:clamp(44px,calc(8.2 * var(--vw)),150px);margin-bottom:26px}
.big-quote .outline{-webkit-text-stroke:2px #0a0a0a}
.about .outline,.videos .outline{-webkit-text-stroke-color:#0a0a0a}
.by{display:flex;gap:18px;align-items:center;margin-bottom:clamp(44px,calc(6 * var(--vw)),90px)}
.by .stars{color:var(--fire);font-size:22px;letter-spacing:4px}
.rev-grid{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:0;border-top:2px solid #0a0a0a}
.rev-grid > div{padding:28px 26px 10px 0;border-right:1px solid #0a0a0a33;margin-right:26px}
.rev-grid > div:last-child{border:0;margin:0}
.score b{font-family:var(--display);font-weight:400;font-size:clamp(70px,calc(8 * var(--vw)),130px);line-height:.9;display:block}
.rev p{font-size:17px;margin-bottom:22px}
.rev .mono{color:#5b5548}

/* CONTATO */
.contact{position:relative;overflow:hidden}
.contact h2{font-size:clamp(60px,calc(12.4 * var(--vw)),220px);margin-bottom:clamp(40px,calc(6 * var(--vw)),90px)}
.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(30px,calc(6 * var(--vw)),110px)}
.wa{display:block;font-family:var(--display);font-size:clamp(34px,calc(4.4 * var(--vw)),70px);line-height:1;margin:10px 0 26px}
.wa:hover{color:var(--fire)}
.contact p{color:var(--mute);max-width:380px;margin-bottom:28px}
form{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
label{display:block;padding:20px 0 12px;border-bottom:1.5px solid #3a424d}
label.full{grid-column:1/-1}
label span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
form .btn{grid-column:1/-1;justify-content:center;margin-top:30px;padding:24px;font-size:15px}
label:focus-within{border-bottom-color:var(--fire)}
label:focus-within span{color:var(--fire)}
form input,form select,form textarea{all:unset;box-sizing:border-box;display:block;width:100%;font-family:var(--body);font-size:20px;color:#fff;line-height:1.4}
form ::placeholder{color:#5d6673;opacity:1}
form select{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%238b93a0' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 4px center}
form select option{color:#0a0a0a}
form input[type=date]{color-scheme:dark}
form textarea{resize:vertical;min-height:84px}
.form-error{grid-column:1/-1;margin:18px 0 0;color:var(--fire);font-size:15px}
.form-note{grid-column:1/-1;margin:14px 0 0 !important;font-size:14px;max-width:none !important;text-align:center}
form label.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .btn[disabled]{opacity:.6;cursor:wait}
.form-done{grid-column:1/-1;padding:34px 30px;border:1.5px solid var(--fire);margin-top:10px}
.form-done b{display:block;font-size:clamp(40px,calc(5 * var(--vw)),64px);color:var(--fire);margin-bottom:12px}
.form-done p{color:#d7dbe0 !important;max-width:none !important;margin-bottom:22px !important}
.form-done .btn{margin:0;padding:18px 26px;font-size:13px}
.quote-form.sent > :not(.form-done){display:none}
.ring{position:absolute;right:-18vw;top:-10vw;width:56vw;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 6vw #0b0e12,0 0 0 calc(6vw + 1px) var(--line),0 0 0 13vw #090b0f,0 0 0 calc(13vw + 1px) var(--line);opacity:.9;pointer-events:none}
.contact > *:not(.ring){position:relative}

/* FOOTER */
footer{padding:60px var(--pad) 28px;border-top:1px solid var(--line)}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:50px}
.foot-cols h4{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fire);margin-bottom:16px}
.foot-cols li{list-style:none;margin-bottom:8px;color:#c9ced5}
.foot-cols p{color:var(--mute);max-width:300px;margin-top:14px}
.contact-list a{display:inline-flex;align-items:center;gap:10px}
.contact-list svg{width:18px;height:18px;flex:none;fill:#fff}
.contact-list a:hover{color:var(--fire)}
.contact-list a:hover svg{fill:var(--fire)}
.wordmark{font-size:clamp(56px,calc(17.6 * var(--vw)),340px);line-height:.8;white-space:nowrap;text-align:center;color:transparent;-webkit-text-stroke:1.5px #3a424d}
.legal{display:flex;justify-content:space-between;color:var(--mute);margin-top:22px}

/* FLOAT */
.float{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #0008;transition:transform .2s}
.float:hover{transform:scale(1.08)}
.float svg{width:32px;height:32px;fill:currentColor}

@media (max-width:900px){
  .nav ul{display:none}
  .hero-foot,.about-grid,.video-grid,.contact-grid{grid-template-columns:1fr}
  .cta{justify-content:flex-start}
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(2){border-right:0}
  .stats div:nth-child(3){padding-left:0}
  .stamp{display:none}
  .sec-head{flex-direction:column;align-items:flex-start}
  .sec-head .mono{text-align:left}
  .row{grid-template-columns:36px 1fr 30px}
  .row p,.row .peek{display:none}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:42vw}
  .mosaic .duo{grid-column:span 1 !important;grid-row:span 1 !important}
  .mosaic .duo:nth-child(1){grid-column:span 2 !important}
  .rev-grid{grid-template-columns:1fr}
  .rev-grid > div{border-right:0;margin:0;border-bottom:1px solid #0a0a0a33;padding-bottom:22px}
  form{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .legal{flex-direction:column;gap:6px}
  .about-photo::before{inset:14px -10px -14px 14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* ===== Componentes compartilhados (menu, player, subpáginas) ===== */

/* Menu: submenu de formatos e menu no celular */
.nav li{position:relative}
.nav .sub{position:absolute;top:100%;left:-18px;padding-top:18px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.nav .sub div{background:#0d1116;border:1px solid var(--line);padding:10px 0;min-width:240px}
.nav .sub a{display:block;padding:10px 18px}
.nav li:hover .sub,.nav li:focus-within .sub{opacity:1;visibility:visible;transform:none}
.nav a.here{color:var(--fire);opacity:1}
.menu-btn{display:none;background:none;border:1.5px solid #fff;color:#fff;border-radius:999px;padding:10px 16px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

/* Player de vídeo com repertório */
.player{aspect-ratio:16/9;align-self:start}
.player img{transition:filter .4s}
.player:hover img{filter:grayscale(.2) contrast(1.1)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player.playing .play,.player.playing .now,.player.playing img{display:none}
.play{cursor:pointer;padding:0}
.setlist .track{all:unset;box-sizing:border-box;display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1.5px solid currentColor;cursor:pointer;transition:padding .2s, background .2s, color .2s}
.setlist .track b{font-family:var(--display);font-weight:400;font-size:clamp(22px,calc(2.2 * var(--vw)),32px);text-transform:uppercase;line-height:1}
.setlist .track:hover,.setlist .track.on{background:#0a0a0a;color:var(--fire);padding-inline:14px}
.setlist .track:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.setlist .group{display:flex;flex-direction:column}
.setlist .group[hidden]{display:none}
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tabs button{all:unset;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border:1.5px solid currentColor;border-radius:999px}
.tabs button.on{background:#0a0a0a;color:var(--fire);border-color:#0a0a0a}
.videos.alt{background:var(--ink);color:#fff}
.videos.alt .num{color:var(--fire)}
.videos.alt .sec-head .mono{color:var(--mute)}
.videos.alt .outline{-webkit-text-stroke-color:#fff}
.videos.alt .player{border-color:#fff;box-shadow:14px 14px 0 var(--fire)}
.videos.alt .setlist{border-top-color:#fff}
.videos.alt .setlist .track{border-bottom-color:#ffffff40}
.videos.alt .setlist .track:hover,.videos.alt .setlist .track.on{background:var(--fire);color:#0a0a0a}
.videos.alt .tabs button.on{background:#fff;color:#0a0a0a;border-color:#fff}
.videos.alt .btn.dark{border-color:#fff;color:#fff}
.videos.alt .btn.dark:hover{background:#fff;color:#0a0a0a}
.player-note{margin-top:30px;max-width:520px}

/* Topo das subpáginas */
.page-hero{position:relative;min-height:86vh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px var(--pad) 0;overflow:hidden}
.page-hero .bg{position:absolute;inset:0;z-index:0}
.page-hero .bg img{filter:grayscale(1) contrast(1.2) brightness(.5)}
.page-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07090c99 0%,#07090c22 40%,#07090cf2 90%,#07090c 100%),linear-gradient(90deg,#ff4d1250,#ff4d1200 55%)}
.page-hero > *{position:relative;z-index:1}
.crumb{display:flex;gap:10px;align-items:center;margin-bottom:26px;color:#d7dbe0}
.crumb a{color:var(--mute)}
.crumb a:hover{color:var(--fire)}
.page-hero h1{font-size:clamp(60px,min(calc(12.5 * var(--vw)),19vh),220px)}
.page-hero h1 span{display:block}
.page-hero .hero-foot{margin-top:36px}
.page-hero .stats{grid-template-columns:repeat(3,1fr)}
.page-hero .stats b{font-size:clamp(24px,calc(2.6 * var(--vw)),40px);line-height:1.05}

/* Introdução em fundo claro */
.intro{background:var(--paper);color:#0a0a0a}
.intro .sec-head .mono{color:#5b5548}
.intro .outline{-webkit-text-stroke-color:#0a0a0a}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,calc(6 * var(--vw)),100px);align-items:start}
.intro p.lead{font-size:clamp(22px,calc(2.2 * var(--vw)),32px);line-height:1.3;font-weight:500;letter-spacing:-.01em;margin-bottom:24px}
.intro p{color:#2b2a26;margin-bottom:16px;max-width:560px}
.intro .about-photo{margin-top:8px}

.traits{margin:30px 0 36px;padding-top:16px;border-top:1px solid #0a0a0a33}
.traits small{display:block;color:#5b5548;margin-bottom:8px}
.traits p{margin:0;max-width:none;font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,calc(2.4 * var(--vw)),34px);line-height:1.15;color:#0a0a0a}
.traits p span{white-space:nowrap}
.traits p span + span::before{content:"/";color:var(--fire);margin:0 .35em 0 0}

/* Seis motivos */
.reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.reason{padding:34px 30px 40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s}
.reason:hover{background:var(--ink-2)}
.reason b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(70px,calc(7 * var(--vw)),120px);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--fire);margin-bottom:18px}
.reason h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,calc(2.4 * var(--vw)),36px);line-height:1;margin-bottom:12px}
.reason p{color:var(--mute);font-size:16px}

/* Três pilares */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,calc(3 * var(--vw)),48px);border-top:2px solid #0a0a0a}
.pillars > div{padding-top:26px}
.pillars .mono{color:var(--fire);display:block;margin-bottom:14px}
.pillars h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,calc(3 * var(--vw)),46px);line-height:.95;margin-bottom:16px}
.pillars p{color:#2b2a26;font-size:16px}

/* Parede de nomes (clientes) */
.wall{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,calc(4.2 * var(--vw)),72px);line-height:1.08;letter-spacing:-.005em}
.wall span{display:inline;white-space:nowrap}
.wall span:nth-child(3n+2){color:transparent;-webkit-text-stroke:1.5px #fff}
.wall span:nth-child(5n+4){color:var(--fire)}
.wall i{font-style:normal;color:var(--fire);font-size:.5em;vertical-align:middle;margin:0 .35em}
.wall-note{margin-top:34px;color:var(--mute)}

/* Escala de público (corporativos) */
.scale{display:grid;grid-template-columns:auto auto auto;align-items:end;justify-content:start;gap:clamp(18px,calc(3 * var(--vw)),50px);margin-bottom:clamp(40px,calc(5 * var(--vw)),70px)}
.scale b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(90px,calc(16 * var(--vw)),280px);line-height:.8}
.scale .to{font-family:var(--display);font-size:clamp(50px,calc(8 * var(--vw)),140px);color:var(--fire);line-height:.8;padding-bottom:.1em}
.scale span.mono{display:block;margin-top:14px;color:#5b5548;max-width:240px}

/* Citação em destaque */
.quote-band{background:var(--fire);color:#0a0a0a}
.quote-band blockquote{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,calc(5.4 * var(--vw)),96px);line-height:.95;max-width:1300px}
.quote-band cite{display:block;margin-top:30px;font-style:normal}

/* Lista grande de músicas ou momentos */
.big-list{list-style:none;border-top:2px solid #0a0a0a}
.big-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid #0a0a0a33;font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,calc(6.4 * var(--vw)),110px);line-height:.95}
.big-list li:nth-child(even){color:transparent;-webkit-text-stroke:2px #0a0a0a}
.big-list li span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#5b5548;-webkit-text-stroke:0}

/* Do pop ao erudito */
.range{font-family:var(--display);text-transform:uppercase;font-size:clamp(46px,calc(8 * var(--vw)),150px);line-height:.95;margin-bottom:clamp(40px,calc(5 * var(--vw)),70px)}
.range i{font-style:normal;color:var(--fire)}
.range span{display:block}
.range span:nth-child(2){padding-left:1em}
.range span:nth-child(3){padding-left:2em}
.range em{font-style:normal}
.range .outline{-webkit-text-stroke-color:#0a0a0a}
.intro p.range{max-width:none;color:#0a0a0a}

/* Outros formatos */
.others-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.other{position:relative;aspect-ratio:3/4;display:block}
.other .duo{position:absolute;inset:0}
.other .duo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#07090c00 40%,#07090ce6)}
.other span{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,calc(2.3 * var(--vw)),36px);line-height:.95}
.other .mono{position:absolute;z-index:2;top:14px;left:16px;font-family:var(--mono);font-size:12px}
.other:hover span{color:var(--fire)}

@media (max-width:900px){
  .nav{flex-wrap:wrap}
  .menu-btn{display:inline-block}
  .nav > .btn{display:none}
  .nav.open ul{display:flex;flex-direction:column;gap:18px;width:100%;padding:24px 0 10px}
  .nav.open ul a{font-size:15px}
  .nav .sub{position:static;opacity:1;visibility:visible;transform:none;padding:12px 0 0 14px}
  .nav .sub div{background:none;border:0;padding:0;min-width:0}
  .nav .sub a{padding:7px 0;font-size:13px !important;color:var(--mute)}
  .intro-grid,.pillars{grid-template-columns:1fr}
  .reasons-grid{grid-template-columns:1fr}
  .page-hero .stats{grid-template-columns:1fr}
  .page-hero .stats div{border-right:0;padding-left:0;border-bottom:1px solid #ffffff2e}
  .scale{grid-template-columns:1fr}
  .others-grid{grid-template-columns:1fr 1fr}
  .big-list li{flex-direction:column;gap:4px}
}