/* Mobile: catálogo limpo, sem arcos ou sobreposição de projetos. */
@media (max-width:700px){
 .portfolio{padding-top:16px!important;min-height:0!important}
 .category-filters{display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;gap:8px!important;padding:14px 18px 18px!important;scroll-snap-type:x proximity}
 .category-filters::-webkit-scrollbar{display:none}
 .category-filters button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
 .wheel{height:auto!important;min-height:0!important;margin:0 auto!important;padding:0 18px 12px;box-sizing:border-box;overflow:visible!important;background:none!important;border-radius:0!important}
 .wheel::before,.wheel::after,.arc-lines,.arc-label,.wheel-logo,.fan-indicator{display:none!important}
 .fan-layer{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;pointer-events:auto!important;transform:none!important}
 .wheel .fan-layer .project{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;display:block!important;width:100%!important;max-width:none!important;aspect-ratio:4/5!important;transform:none!important;filter:none!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden!important}
 .wheel .fan-layer .project img{width:100%;height:100%;object-fit:cover;display:block}
 .wheel .fan-layer .project:hover,.wheel .fan-layer .project:focus-visible{transform:translateY(-3px)!important;filter:none!important;box-shadow:0 10px 25px #0008!important}
 .empty-projects{position:relative!important;inset:auto!important;transform:none!important;text-align:center;padding:32px 0}
 .contact{padding-top:12px!important}
}
/* Cards sem moldura: desktop e mobile. */
.wheel .fan-layer .project,
.wheel.project-list .project,
.fan-layer .project,
.project {
  border:0!important;
  outline:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
}
.wheel .fan-layer .project::before,
.wheel .fan-layer .project::after,
.project::before,
.project::after {content:none!important;display:none!important}
.wheel .fan-layer .project img,
.fan-layer .project img,
.project img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:inherit!important;
}
.wheel .fan-layer .project:hover,
.wheel .fan-layer .project:focus-visible,
.fan-layer .project:hover,
.fan-layer .project:focus-visible,
.project:hover,
.project:focus-visible {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  .wheel .fan-layer .project,
  .wheel .fan-layer .project:hover,
  .wheel .fan-layer .project:focus-visible{
    border-radius:0!important;
    box-shadow:none!important;
  }
  .wheel .fan-layer .project img{border-radius:0!important}
}

/* Refinamento mobile: tipografia, espacamento e cantos suaves. */
@media(max-width:700px){
  .portfolio-title{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0 16px!important;
    margin:0 auto 24px!important;
    overflow:visible!important;
    text-align:center!important;
  }
  .portfolio-title span{
    display:block;
    font-size:clamp(42px,10.5vw,76px)!important;
    line-height:1.12!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
  }
  .category-filters{
    margin:0 0 30px!important;
    padding:12px 18px 14px!important;
  }
  .wheel{
    margin-top:0!important;
    padding-top:4px!important;
  }
  .wheel .fan-layer .project,
  .wheel .fan-layer .project:hover,
  .wheel .fan-layer .project:focus-visible{
    border-radius:18px!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .wheel .fan-layer .project img{
    border-radius:18px!important;
  }
}

/* Mobile: título PORTFÓLIO em largura total e mais distância dos filtros. */
@media(max-width:700px){
  .portfolio-title{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0 3px!important;
    margin:0 auto 48px!important;
    min-height:0!important;
    height:auto!important;
  }
  .portfolio-title span{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    font-size:clamp(52px,14vw,108px)!important;
    line-height:1.02!important;
    letter-spacing:-.075em!important;
    white-space:nowrap!important;
    text-align:center!important;
    transform-origin:center center;
  }
  .category-filters{
    margin-top:0!important;
    margin-bottom:34px!important;
  }
}

/* Corrige corte do titulo em telas estreitas, inclusive Safari iOS. */
@media(max-width:700px){
  .portfolio-title{
    width:100%!important;
    max-width:100vw!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    height:clamp(64px,15vw,105px)!important;
    min-height:64px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto 48px!important;
  }
  .portfolio-title span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:max-content!important;
    max-width:none!important;
    display:block!important;
    font-size:clamp(36px,10.6vw,72px)!important;
    line-height:1.1!important;
    letter-spacing:-.075em!important;
    white-space:nowrap!important;
    text-align:center!important;
    animation:none!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
  }
}