/* === Nattus · carrossel de fotos + lightbox === */
.ncar{
  position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;
  border:1px solid var(--line-2);background:var(--ink-3);
  touch-action:pan-y;user-select:none;
}
.ncar-track{
  display:flex;height:100%;width:100%;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.ncar-track img{
  flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block;
  -webkit-user-drag:none;cursor:zoom-in;
}
.ncar.is-dragging .ncar-track{transition:none}

.ncar-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(226,225,221,.28);
  background:rgba(17,17,17,.38);color:#E2E1DD;
  backdrop-filter:blur(6px);cursor:pointer;padding:0;
  opacity:0;transition:opacity .3s ease,background .25s ease;z-index:2;
}
.ncar:hover .ncar-nav,.ncar:focus-within .ncar-nav{opacity:1}
.ncar-nav:hover{background:rgba(17,17,17,.7)}
.ncar-nav.prev{left:12px}
.ncar-nav.next{right:12px}
.ncar-nav svg{width:16px;height:16px;display:block}
html.theme-light .ncar-nav{
  border-color:rgba(17,17,17,.28);
  background:rgba(226,225,221,.6);color:#111111;
}
html.theme-light .ncar-nav:hover{background:rgba(226,225,221,.9)}

.ncar-dots{
  position:absolute;bottom:14px;left:0;right:0;
  display:flex;justify-content:center;gap:7px;z-index:2;
}
.ncar-dots button{
  width:6px;height:6px;border-radius:50%;padding:0;cursor:pointer;
  border:1px solid rgba(226,225,221,.55);background:transparent;
  transition:background .25s ease,transform .25s ease;
}
.ncar-dots button[aria-current="true"]{background:#E2E1DD;transform:scale(1.25)}
html.theme-light .ncar-dots button{border-color:rgba(17,17,17,.5)}
html.theme-light .ncar-dots button[aria-current="true"]{background:#111111}

/* Tablet: setas sempre visíveis (sem hover) e formato mais largo */
@media(max-width:1024px) and (min-width:881px){
  .ncar{aspect-ratio:4/3}
  .ncar-nav{opacity:1;width:44px;height:44px}
  .ncar-nav.prev{left:10px}
  .ncar-nav.next{right:10px}
  .ncar-dots{bottom:12px;gap:10px}
  .ncar-dots button{width:8px;height:8px}
}
/* Mobile e tablet retrato: swipe + setas sempre visíveis */
@media(max-width:880px){
  .ncar{aspect-ratio:4/5}
  .ncar-nav{opacity:1;width:40px;height:40px}
  .ncar-nav.prev{left:8px}
  .ncar-nav.next{right:8px}
  .ncar-dots{bottom:10px;gap:12px}
  .ncar-dots button{width:9px;height:9px}
}

/* Tablet retrato: foto menos alta */
@media(min-width:600px) and (max-width:880px){
  .ncar{aspect-ratio:4/3}
}


@media(hover:none){
  .ncar-track img{cursor:default}
}
@media(prefers-reduced-motion:reduce){
  .ncar-track{transition:none}
}


/* Lightbox */
.nlb{
  position:fixed;inset:0;z-index:200;display:none;
  align-items:center;justify-content:center;
  background:#111111;padding:24px;
}
.nlb.open{display:flex}
.nlb img{max-width:100%;max-height:100%;object-fit:contain}
.nlb-close{
  position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
  background:transparent;border:1px solid rgba(226,225,221,.35);color:#E2E1DD;
}
.nlb-close:hover{background:rgba(226,225,221,.12)}
.nlb-close svg{width:18px;height:18px}

/* === Quem faz acontecer === */
.founders-grid{
  display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;
}
.founders-side{display:grid;gap:18px}
.founder figure{margin:0}
.founder .ph{
  aspect-ratio:4/5;border-radius:6px;overflow:hidden;
  border:1px solid var(--line-2);background:var(--ink-3);
}
.founder .ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.founder figcaption{
  padding-top:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);
}
.founder figcaption .role{display:block;color:var(--faint);letter-spacing:.14em;margin-top:4px}
@media(max-width:1024px){
  .founders-grid{grid-template-columns:1fr 1fr;gap:14px}
  .founders-side{gap:14px}
  .founders-grid .founder:first-child .ph{aspect-ratio:4/3}
}
@media(max-width:880px){
  .founders-grid{grid-template-columns:1fr;gap:16px}
  .founders-side{grid-template-columns:1fr 1fr;gap:12px}
  .founders-grid .founder:first-child .ph{aspect-ratio:4/5}
  .nlb{padding:14px}
  .nlb-close{top:12px;right:12px}
  .founder figcaption{font-size:10px;letter-spacing:.14em}
}