:root{
  --papel:#fff; --superficie:#f1f3f3; --filete:#d3d8d9; --filete-forte:#b4bcbf; --tinta:#0e1315; --cinza:#5b6366; --ciano:#00ffff; --noite:#010508;
  --f-texto:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-micro:"Archivo SemiCondensed","Archivo","Helvetica Neue",Arial,sans-serif;
  --f-nome:"Archivo Condensed","Archivo","Helvetica Neue",Arial,sans-serif;
  --gut:2.6rem; --calha:1rem; --topo:3.5rem;
  --ease:cubic-bezier(.22,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1rem/1.5 var(--f-texto);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
.pular{position:absolute;left:-9999px}
.pular:focus{left:var(--gut);top:.5rem;z-index:50;background:var(--papel);padding:.5rem .75rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.topo{position:sticky;top:0;z-index:20;height:var(--topo);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gut);background:var(--papel)}
.topo .marca{display:block;width:7.5rem;line-height:0}
.topo .marca svg{width:100%;height:auto;fill:var(--tinta)}
.topo nav{display:flex;gap:clamp(1rem,2.6vw,2.6rem)}
.topo nav a{font:500 .9375rem/1 var(--f-texto);text-decoration:none;text-transform:uppercase;padding:.65rem 0}
.topo nav a:hover,.topo nav a:focus-visible,.topo nav a[aria-current]{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.4em}

.ac-lista{width:min(1560px,calc(100% - 2*clamp(var(--gut),7vw,9rem)));margin-inline:auto;padding-block:clamp(3rem,12svh,7.5rem) clamp(4rem,14svh,9rem);--lw:clamp(10rem,19vw,22rem);--row:clamp(8.5rem,14.5vw,15rem);--fh:clamp(17rem,40svh,27rem);--vpad:clamp(1.25rem,2.6vw,2.75rem);--pad:clamp(.75rem,1.8vw,1.75rem)}

.ac{position:relative;border-top:1px solid var(--tinta);scroll-margin-top:var(--topo);--cor:var(--ciano);--tx:var(--tinta)}
.ac:last-child{border-bottom:1px solid var(--tinta)}
.ac-h{margin:0}
.ac-btn{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,26fr) minmax(0,26fr) auto;align-items:center;column-gap:clamp(.75rem,2vw,2rem);width:100%;min-height:var(--row);margin:0;padding:0 var(--pad);border:0;background:none;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;transition:color .3s}
.ac-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cor);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.ac-btn:focus-visible{outline:2px solid var(--tinta);outline-offset:-5px}
.ac[data-foco] .ac-btn,.ac[data-aberto] .ac-btn{color:var(--tx)}
.ac[data-foco] .ac-btn::before,.ac[data-aberto] .ac-btn::before{transform:none}
.ac[data-foco] .ac-btn:focus-visible,.ac[data-aberto] .ac-btn:focus-visible{outline-color:var(--tx)}

.ac-logo{display:flex;align-items:center;padding-block:var(--vpad)}
.ac-logo svg{display:block;width:var(--lw);max-width:100%;height:auto;fill:currentColor}

.ac-spot{position:relative;align-self:stretch;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--ease);background:var(--tinta)}
.ac[data-foco]:not([data-aberto]) .ac-spot{clip-path:inset(0)}
.ac-spot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.ac-spot img.on{opacity:1}

.ac-curto{font:500 clamp(.9375rem,1.05vw,1.0625rem)/1.35 var(--f-texto);max-width:28ch;text-wrap:pretty}

.ac-seta{display:grid;place-items:center;width:clamp(2.25rem,3vw,3rem);aspect-ratio:1;border-radius:50%;background:var(--cor);color:var(--tx);transition:background-color .3s,color .3s,transform .5s var(--ease)}
.ac[data-foco] .ac-seta,.ac[data-aberto] .ac-seta{background:var(--tx);color:var(--cor)}
.ac[data-aberto] .ac-seta{transform:rotate(90deg)}
.ac-seta svg{width:32%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}

.ac-painel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.ac[data-aberto] .ac-painel{grid-template-rows:1fr}
.ac-painel-in{min-height:0;overflow:hidden}
.ac-corpo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(2rem,6.5svh,4rem) var(--pad) clamp(2.5rem,8svh,5rem)}
.ac-texto{display:flex;flex-direction:column;align-items:flex-start}
.ac-texto p{margin:0}
.ac-texto p:first-child{font:500 clamp(1.1875rem,1.7vw,1.625rem)/1.28 var(--f-texto);max-width:32ch;text-wrap:pretty}
.ac-texto p+p{margin-top:1.1em;font:400 clamp(1rem,1.1vw,1.0625rem)/1.5 var(--f-texto);max-width:44ch;text-wrap:pretty}

.ac-fotos{min-width:0}
.ac-faixa{display:flex;align-items:flex-start;gap:8px;width:100%;height:var(--fh);margin:0;padding:0;list-style:none}
.ac-tile{position:relative;flex:var(--w,1) 1 0;min-width:0;height:calc(var(--fh)*var(--h,100)/100);margin-top:calc(var(--fh)*var(--y,0)/100);overflow:hidden;background:var(--superficie)}
.ac-tile img{position:absolute;left:0;width:100%;top:calc(-1*var(--ov,0%));height:calc(100% + 2*var(--ov,0%));object-fit:cover;object-position:var(--foco,50% 50%);transform:translate3d(0,var(--py,0px),0);will-change:transform}

.ac-link{margin-top:clamp(1.25rem,3.5svh,2rem);display:inline-flex;align-items:center;gap:.65em;padding:.6rem 0;font:600 .9375rem/1 var(--f-texto);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--tinta)}
.ac-link svg{width:.55em;height:.8em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;transition:transform .35s var(--ease)}
.ac-link:hover,.ac-link:focus-visible{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.5em}
.ac-link:hover svg,.ac-link:focus-visible svg{transform:translateX(.25em)}

@media (max-width:1024px){:root{--gut:1.5rem}}
@media (max-width:900px){
  .ac-corpo{grid-template-columns:minmax(0,1fr)}
  .ac-fotos{margin-top:clamp(1.25rem,4svh,2rem)}
}
@media (max-width:767px){
  :root{--gut:1rem;--calha:.75rem;--topo:3.25rem}
  .topo .marca{width:6.25rem}
  .topo nav{gap:.9rem}
  .topo nav a{font-size:.8125rem}
  .ac-lista{width:calc(100% - 2*var(--gut) - .5rem);padding-block:2rem 2.5rem;--lw:clamp(6rem,34vw,9rem);--row:8.5rem;--fh:clamp(13rem,36svh,18rem);--vpad:1.75rem;--pad:.75rem}
  .ac-btn{grid-template-columns:minmax(0,1fr) minmax(0,34%) auto}
  .ac-curto{display:none}
  .ac-faixa{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ac-faixa::-webkit-scrollbar{display:none}
  .ac-tile{flex:0 0 46vw;scroll-snap-align:center}
}
@media (max-width:420px){.topo nav a:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}