@font-face{font-family:"Schibsted Grotesk";src:url("fontes/schibsted-grotesk-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fontes/schibsted-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fontes/schibsted-grotesk-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fontes/schibsted-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fontes/schibsted-grotesk-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  --noite:#240b2a;
  --acai:#4a1f4f;
  --lilas:#f6f0f7;
  --linha:#e4d9e8;
  --tinta:#1b1420;
  --grafite:#544a59;
  --cinza:#857a8a;
  --branco:#fff;
  --vem:#6a1fa0;  --vem-verde:#b8d433;
  --ice:#86185f;  --ice-ouro:#d4a464;
  --baguete:#2b1a10; --baguete-ambar:#f2a33a;
  --brasa:#0f0b09; --brasa-cobre:#d0773c;
  --max:1240px;
  --g:clamp(16px,4vw,48px);
  --f:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--lilas);color:var(--tinta);font-family:var(--f);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--vem-verde);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
h1,h2,h3{font-weight:700;letter-spacing:-.028em;line-height:1.04}
h2{font-size:clamp(34px,4.6vw,60px)}
p{max-width:64ch}
.lead{font-size:clamp(19px,1.6vw,21px);line-height:1.55;color:var(--grafite)}

.botao{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}
.botao:hover{transform:translateY(-1px)}
.botao.primario{background:var(--vem-verde);color:var(--noite)}
.botao.primario:hover{background:#c9e34a}
.botao.escuro{background:var(--noite);color:#fff}
.botao.escuro:hover{background:var(--acai)}
.botao.secundario{border-color:var(--linha);color:var(--tinta);background:var(--branco)}
.botao.secundario:hover{border-color:var(--tinta)}
.botao.vidro{border-color:rgba(255,255,255,.35);color:#fff}
.botao.vidro:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.botoes{display:flex;flex-wrap:wrap;gap:12px}
.botao.vidro-escuro{border-color:rgba(36,11,42,.35);color:var(--noite)}
.botao.vidro-escuro:hover{border-color:var(--noite)}

/* cabeçalho */
.cabecalho{position:sticky;top:0;z-index:30;background:rgba(36,11,42,.94);backdrop-filter:saturate(1.4) blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.cabecalho .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.01em;color:#fff}
.marca img{height:30px;width:auto}
.cabecalho nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:500}
.cabecalho nav a{text-decoration:none;color:rgba(255,255,255,.72)}
.cabecalho nav a:hover,.cabecalho nav a[aria-current]{color:#fff}
.cabecalho nav .botao{min-height:42px;padding:0 20px;font-size:15px;color:var(--noite)}
@media (max-width:960px){.cabecalho nav .link{display:none}}

.secao{padding:clamp(80px,10vw,136px) 0}
.secao.branca{background:var(--branco)}
.secao.nevoa{background:var(--lilas)}
.cabeca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,6vw,72px)}
@media (max-width:860px){.cabeca{grid-template-columns:1fr}}

/* abertura */
.abertura{background:var(--noite);color:#fff;padding:clamp(56px,7vw,96px) 0 0;overflow:hidden}
.abertura .grade-ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.abertura h1{font-size:clamp(46px,6.4vw,92px);letter-spacing:-.04em;line-height:.98;margin-bottom:28px}
.abertura .lead{color:rgba(255,255,255,.78);margin-bottom:36px}
.mosaico{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:clamp(440px,48vw,640px)}
.mosaico img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:22px}
.mosaico img:first-child{grid-row:1 / span 2;object-position:center 25%}
.fatos-abertura{margin-top:clamp(56px,7vw,88px);border-top:1px solid rgba(255,255,255,.12)}
.fatos-abertura ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.fatos-abertura li{padding:28px 24px 34px 0}
.fatos-abertura li+li{padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}
.fatos-abertura b{display:block;font-size:clamp(28px,2.8vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--vem-verde)}
.fatos-abertura span{display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,.66);line-height:1.4}
@media (max-width:900px){
  .abertura .grade-ab{grid-template-columns:1fr}
  .mosaico{height:auto;grid-template-rows:auto}
  .mosaico img{aspect-ratio:4/5}
  .mosaico img:first-child{grid-row:auto;grid-column:1 / span 2;aspect-ratio:1/1}
}
@media (max-width:760px){
  .fatos-abertura ul{grid-template-columns:1fr 1fr}
  .fatos-abertura li:nth-child(3){padding-left:0;border-left:0}
  .fatos-abertura li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}

/* marcas */
.marcas-lista{display:grid;gap:20px}
.marca-card{border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);color:#fff;min-height:580px}
.marca-card .conteudo{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.marca-card .topo-marca{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}
.marca-card .selo{font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14)}
.marca-card .logo-marca{height:96px;width:auto}
.marca-card .logo-tile{height:104px;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.marca-card h3{font-size:clamp(42px,5vw,72px);letter-spacing:-.04em;line-height:.95;margin-bottom:18px}
.marca-card p{color:rgba(255,255,255,.82);font-size:18px}
.marca-card .canais{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}
.marca-card .canais li{font-size:14px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28)}
.marca-card .botao.cor:hover{filter:brightness(1.06)}
.galeria{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
.galeria img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:24px}
.galeria img.logo-inteiro{object-fit:contain;background:#0d0a08}
.galeria img:first-child{grid-row:1 / span 2}
.marca-card.vem{background:var(--vem)}
.marca-card.vem .botao.cor{background:var(--vem-verde);color:var(--noite)}
.marca-card.ice{background:var(--ice)}
.marca-card.ice .botao.cor{background:var(--ice-ouro);color:#3a0a28}
.marca-card.baguete{background:var(--baguete)}
.marca-card.baguete h3{color:var(--baguete-ambar)}
.marca-card.baguete .botao.cor{background:var(--baguete-ambar);color:#2b1a10}
.marca-card.brasa{background:var(--brasa)}
.marca-card.brasa h3{color:#e9c7a2}
.marca-card.brasa .botao.cor{background:var(--brasa-cobre);color:#160b05}
.marca-card .novo{background:var(--brasa-cobre);color:#160b05}
@media (max-width:900px){
  .marca-card{grid-template-columns:1fr;min-height:0}
  .galeria{order:-1;grid-template-rows:auto}
  .galeria img{aspect-ratio:4/5}
  .galeria img:first-child{grid-row:auto;grid-column:1 / span 2;aspect-ratio:1/1}
}

/* cardápio */
.cardapio{padding:clamp(72px,9vw,120px) 0;background:var(--branco);overflow:hidden}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,23vw,290px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--g) 18px;max-width:calc(var(--max) + 2*var(--g));margin:0 auto;scrollbar-width:thin}
.trilho figure{scroll-snap-align:start}
.trilho img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.trilho figcaption{font-size:15px;font-weight:500;margin-top:10px;color:var(--grafite)}

/* lojas */
.lojas-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.loja{border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;min-height:260px;background:var(--branco)}
.loja .qual{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.loja .qual::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.loja.vem .qual{color:var(--vem)}
.loja.ice .qual{color:var(--ice)}
.loja h3{font-size:24px;letter-spacing:-.02em;line-height:1.15}
.loja p{font-size:16px;color:var(--grafite);flex:1}
.loja a{font-weight:600;font-size:16px;text-decoration:none;color:var(--acai)}
.loja a:hover{text-decoration:underline}
.so-delivery{margin-top:14px;border-radius:24px;padding:24px 28px;background:var(--noite);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.so-delivery p{font-size:17px;color:rgba(255,255,255,.75)}
.so-delivery strong{color:#fff}
@media (max-width:1000px){.lojas-grade{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.lojas-grade{grid-template-columns:1fr}.loja{min-height:0}}

/* eventos */
.eventos{background:var(--vem-verde);color:var(--noite)}
.eventos .lead{color:#2c2410}
.ev-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ev-card{border-radius:32px;overflow:hidden;color:#fff;display:flex;flex-direction:column}
.ev-card.vem{background:var(--vem)}
.ev-card.ice{background:var(--ice)}
.ev-card>img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.ev-texto{flex:1}
.ev-texto{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.ev-logo{height:72px;width:auto;align-self:flex-start;border-radius:14px}
.ev-logo.redondo{border-radius:0}
.ev-texto h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em;line-height:1.05}
.ev-texto p{color:rgba(255,255,255,.82);font-size:16px}
.ev-texto ul{list-style:none;border-top:1px solid rgba(255,255,255,.22);margin-bottom:auto}
.ev-texto li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:15px;font-weight:500}
.ev-texto .botao{align-self:flex-start;margin-top:10px;white-space:normal;text-align:center}
.botao.ouro{background:var(--ice-ouro);color:#3a0a28}
.orcamento{margin-top:20px;background:#fff;border-radius:32px;padding:clamp(24px,4vw,48px);display:grid;gap:24px}
.orc-cab h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
.orc-cab p{color:var(--grafite);margin-top:6px}
.campos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.campos label{display:grid;gap:6px;font-size:15px;font-weight:600;color:var(--tinta)}
.campos input,.campos select{font:inherit;font-weight:400;font-size:16px;min-height:50px;padding:0 14px;border:1px solid var(--linha);border-radius:14px;background:var(--lilas);color:var(--tinta)}
.campos input:focus,.campos select:focus{outline:2px solid var(--vem);outline-offset:1px}
.orc-acoes{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.orc-acoes span{color:var(--grafite);font-size:16px}
.orc-acoes a{font-weight:600;color:var(--acai)}
.botao.escuro{cursor:pointer;font-family:inherit}
@media (max-width:760px){.ev-opcoes{grid-template-columns:1fr}}
@media (max-width:640px){.campos{grid-template-columns:1fr}}
@media (min-width:641px) and (max-width:900px){.campos{grid-template-columns:1fr 1fr}}

/* fundador (home) */
.fundador{background:var(--tinta);color:#fff}
.fundador .grade-fu{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.fundador img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px}
.fundador h2{margin-bottom:24px}
.fundador .lead{color:rgba(255,255,255,.85)}
.fundador p{color:rgba(255,255,255,.7)}
.fundador p+p{margin-top:18px}
.fundador .botoes{margin-top:32px}
.assinatura{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:16px;color:rgba(255,255,255,.6)}
.assinatura b{display:block;color:#fff;font-size:18px}
@media (max-width:860px){.fundador .grade-fu{grid-template-columns:1fr}}

/* contato */
.contatos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contatos article{border-radius:24px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:12px;background:var(--branco)}
.contatos h3{font-size:24px;letter-spacing:-.02em}
.contatos p{color:var(--grafite);font-size:17px;flex:1}
.contatos a.link{font-weight:600;color:var(--acai);text-decoration:none;font-size:17px;word-break:break-word}
.contatos a.link:hover{text-decoration:underline}
.contatos a.link+a.link{margin-top:-4px}
@media (max-width:860px){.contatos{grid-template-columns:1fr}}

/* rodapé */
.rodape{background:var(--noite);color:rgba(255,255,255,.75);padding:clamp(56px,7vw,88px) 0 32px;font-size:16px}
.rodape .grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12)}
.rodape .marca{margin-bottom:16px}
.rodape p{color:rgba(255,255,255,.6);max-width:34ch}
.rodape h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:14px}
.rodape ul{list-style:none;display:grid;gap:8px}
.rodape a{text-decoration:none;color:rgba(255,255,255,.75)}
.rodape a:hover{color:#fff}
.rodape .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:14px;color:rgba(255,255,255,.5)}
@media (max-width:860px){.rodape .grade{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rodape .grade{grid-template-columns:1fr}}

/* ---------- página do fundador ---------- */
.perfil{background:var(--noite);color:#fff;padding:clamp(56px,8vw,104px) 0}
.perfil .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.perfil .cargo{font-size:18px;font-weight:600;color:var(--vem-verde);margin-bottom:16px}
.perfil h1{font-size:clamp(54px,7.6vw,108px);letter-spacing:-.045em;line-height:.94;margin-bottom:28px}
.perfil .lead{color:rgba(255,255,255,.78);margin-bottom:36px}
.perfil img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px}
.perfil .botao.secundario{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
@media (max-width:860px){.perfil .wrap{grid-template-columns:1fr}.perfil figure{order:-1}}

.fatos{background:var(--branco)}
.fatos ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.fatos li{padding:28px 24px 30px 0}
.fatos li+li{padding-left:24px;border-left:1px solid var(--linha)}
.fatos b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--vem)}
.fatos span{display:block;margin-top:6px;font-size:15px;color:var(--cinza);line-height:1.4}
@media (max-width:760px){
  .fatos ul{grid-template-columns:1fr 1fr}
  .fatos li:nth-child(3){padding-left:0;border-left:0}
  .fatos li:nth-child(-n+2){border-bottom:1px solid var(--linha)}
}
.texto-longo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px)}
.texto-longo .corpo p{font-size:19px;color:#3a3140}
.texto-longo .corpo p+p{margin-top:20px}
.texto-longo strong{font-weight:600;color:var(--tinta)}
@media (max-width:860px){.texto-longo{grid-template-columns:1fr}}

.linha-tempo{list-style:none;border-top:1px solid var(--linha)}
.linha-tempo li{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:clamp(16px,4vw,64px);padding:28px 0 30px;border-bottom:1px solid var(--linha)}
.linha-tempo .quando{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--cinza)}
.linha-tempo h3{font-size:21px;letter-spacing:-.015em;line-height:1.3;margin-bottom:6px}
.linha-tempo p{color:var(--grafite);font-size:17px}
.linha-tempo li.marco .quando{color:var(--vem)}
@media (max-width:640px){.linha-tempo li{grid-template-columns:1fr;gap:4px}}

.faixa{background:var(--vem);color:#fff}
.citacao blockquote p{font-size:clamp(28px,3.4vw,46px);line-height:1.15;letter-spacing:-.025em;font-weight:600;max-width:28ch;color:#fff}
.citacao cite{display:block;margin-top:24px;font-style:normal;color:var(--vem-verde);font-size:17px;font-weight:600}

.bio{border-radius:24px;background:var(--branco);padding:clamp(24px,3vw,40px);margin-bottom:20px}
.bio-cab{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.bio-cab h3{font-size:20px;letter-spacing:-.015em}
.bio p{color:#3a3140;max-width:76ch}
.copiar{font:inherit;font-size:15px;font-weight:600;background:var(--noite);color:#fff;border:0;border-radius:999px;min-height:42px;padding:0 20px;cursor:pointer}
.copiar[data-ok="1"]{background:var(--vem)}
.fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fotos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.fotos figcaption{display:flex;justify-content:space-between;font-size:15px;margin-top:10px;color:var(--cinza)}
.fotos figcaption a{font-weight:600;color:var(--acai);text-decoration:none}
@media (max-width:640px){.fotos{grid-template-columns:1fr 1fr}.fotos figure:last-child{display:none}}

.perguntas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px)}
.perguntas details{border-bottom:1px solid var(--linha)}
.perguntas details:first-of-type{border-top:1px solid var(--linha)}
.perguntas summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-weight:600;font-size:19px}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";font-size:24px;line-height:1;color:var(--vem)}
.perguntas details[open] summary::after{content:"\2212"}
.perguntas details p{padding-bottom:22px;color:var(--grafite);font-size:17px}
@media (max-width:860px){.perguntas{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.botao:hover{transform:none}}

.album-comeco{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;margin-top:22px}
.album-comeco figure{margin:0;overflow:hidden;border-radius:14px;background:var(--lilas);position:relative}
.album-comeco img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.album-comeco .larga img{aspect-ratio:auto}
.album-comeco figcaption{position:absolute;left:10px;bottom:10px;background:rgba(36,11,42,.82);color:#fff;font-size:13px;padding:4px 10px;border-radius:99px}
@media (max-width:640px){.album-comeco{grid-template-columns:1fr 1fr}.album-comeco .larga{grid-column:1/-1}.album-comeco .larga img{aspect-ratio:16/9}}

.fotos.quatro{grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.fotos.quatro{grid-template-columns:repeat(2,1fr)}}