/* O que um site pode ter: índice e páginas por tipo de negócio. Só tokens do site.css; sem gradiente, sombra ou brilho. */
.nx-hero{padding:clamp(120px,16svh,170px) var(--m) clamp(56px,7vw,110px)}
.nx-eyebrow{font:400 14px/1 var(--mono);text-transform:uppercase;margin-bottom:28px}
.nx-eyebrow a{text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:4px}
.nx-hero h1{font:900 clamp(44px,6vw,104px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.015em}
.nx-hero h1 span{display:block}
.nx-hero h1 .nx-r{color:var(--red)}
.nx-row{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:start}
.nx-intro{grid-column:1 / span 6}
.nx-nofig .nx-intro{grid-column:1 / span 7}
.nx-fig{grid-column:8 / span 5}
.nx-fig img{width:100%;height:auto;aspect-ratio:1000/1250;object-fit:cover;background:var(--stone-2)}
.nx-fig figcaption{margin-top:12px;font-size:15px;line-height:1.45;color:var(--muted)}
.nx-lead{font-size:var(--t-lead);line-height:1.45;max-width:46ch}
.nx-chip{display:inline-block;font:400 14px/1 var(--mono);text-transform:uppercase;border:2px solid currentColor;padding:8px 12px;white-space:nowrap}
.nx-fig .nx-chip{margin-right:8px;color:var(--ink);background:var(--paper);border-color:var(--ink)}
.nx-key{margin-top:32px;display:grid;gap:18px}
.nx-key div{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:6px 18px;align-items:start}
.nx-key dd{font-size:17px;line-height:1.4;max-width:42ch}
.nx-c1{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nx-c2{background:transparent;color:var(--ink);border-color:var(--ink)}
.nx-c3{background:var(--red);color:var(--paper);border-color:var(--red)}
.c-ink .nx-c1{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.c-ink .nx-c3{background:var(--red);color:var(--paper);border-color:var(--red)}

/* as três listas */
.nx-sec{padding:clamp(80px,10vw,150px) var(--m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px}
.nx-hd{grid-column:1 / span 4;align-self:start;position:sticky;top:110px;display:grid;gap:16px;justify-items:start}
.nx-hd h2{font:900 var(--t-l)/.95 var(--display);text-transform:uppercase}
.nx-hd p{font-size:17px;line-height:1.45;max-width:34ch}
.nx-hd .price{font-size:.95em;white-space:nowrap}
.nx-list{grid-column:6 / span 7;list-style:none}
.nx-list li{padding:22px 0;border-top:2px solid var(--stone-2);display:grid;gap:8px}
.nx-list li:last-child{border-bottom:2px solid var(--stone-2)}
.c-stone .nx-list li{border-color:#c4cbce}
.c-ink .nx-list li{border-color:#3a3f41}
.nx-list b{font:800 clamp(26px,2.6vw,40px)/1.05 var(--display);text-transform:uppercase}
.nx-list span{max-width:52ch;font-size:18px;line-height:1.5}
.c-ink .nx-list span{color:#d4d8da}

/* índice: cartões */
.nx-cards{padding:clamp(56px,7vw,110px) var(--m)}
.nx-cards ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nx-cards a{display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-height:260px;padding:22px;background:var(--stone);color:var(--ink);text-decoration:none;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--ease-out)}
.nx-cards a:active{transform:scale(.98)}
.nx-cards b{font:900 clamp(30px,2.8vw,44px)/.95 var(--display);text-transform:uppercase}
.nx-cards span{font-size:16px;line-height:1.45}
.nx-cards i{font-style:normal;font-size:26px;justify-self:end;transition:transform 180ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .nx-cards a:hover{background:var(--ink);color:var(--paper)}
  .nx-cards a:hover i{transform:translateX(4px)}
}

/* rodapé de conteúdo e fecho */
.nx-more{padding:clamp(64px,8vw,120px) var(--m);display:grid;gap:28px}
.nx-more h2{font:900 var(--t-l)/.95 var(--display);text-transform:uppercase}
.nx-links{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.nx-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;background:var(--stone);color:var(--ink);text-decoration:none;font-weight:700;transition:background-color 180ms ease,color 180ms ease}
@media (hover:hover) and (pointer:fine){.nx-links a:hover{background:var(--ink);color:var(--paper)}}
.nx-fine{font-size:15px;line-height:1.5;color:var(--muted);max-width:78ch}
.nx-close{min-height:64svh;padding:var(--g) var(--m);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px}
.nx-close h2{font:900 var(--t-xl)/.86 var(--display);text-transform:uppercase;letter-spacing:-.015em}

@media (max-width:1100px){
  .nx-cards ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .nx-row,.nx-sec{grid-template-columns:1fr}
  .nx-intro,.nx-nofig .nx-intro,.nx-fig,.nx-hd,.nx-list{grid-column:1}
  .nx-hd{position:static}
  .nx-key div{grid-template-columns:1fr}
  .nx-close h2{font-size:15vw}
}
@media (max-width:560px){
  .nx-cards ul{grid-template-columns:1fr}
  .nx-cards a{min-height:0}
}